Hello,
I use the tagdiv mobile plug-in.
I have added the same logo for mobile devices, in the theme control panel and in the tagdiv mobile plugin control panel.
This is the logo (the size is a little bit bigger than the recommended size, so that it looks clear. If I use the recommended size, it does not look sharp, it is blurred): https://cutt.ly/kj5Fyok
The logo looks perfect on mobile devices, on the home page, in categories, on the author’s page, etc…
But the logo looks too big on posts. Even the menu is bigger, the bar is higher, it looks very bad.
How can I solve this? I want the logo and the menu to look exactly the same in all parts of the site. With the small size (left image). My web page is this one: https://cutt.ly/Qj5FmtL
Thanks, Jose
Hello !
It looks like the CSS is overwritten by something external. Are there any new plugins that you are using that could have created this ?
Thank you !
Hello Vlad S,
Thanks for reply.
To avoid problems with my main page, let’s use my test page (it’s this one: https://cutt.ly/Nkq08Q5 )
I have deactivated all plugins, cleared the cache. I have also removed all custom CSS from the theme.
Right now only the theme and theme plugins are working. I use the same logo for the theme control panel and for the mobile plugin control panel.
In the first image you can see the responsive version of the homepage on a mobile. In the second image you can see an article loaded with tagdiv mobile plugin.
Can you see the difference? The logo is bigger, the menu is out of place, the top menu bar has no shadow…. All these are theme errors. Rather, they are tagdiv mobile plugin errors. Maybe you should check this problem a bit, because it is not very aesthetic.
Cheers, Jose
Hello !
Please try this css code: .tdm-header-style-2 .td-main-menu-logo img {
max-height: none;
max-width: none;
}
The code must be inserted in here: https://www.screencast.com/t/fAC3imubp6
Thank you !
Hello Vlad S,
Thank you for your help. I have added the code, but it did not fix the problem.
Is there any other way to make the logo look good?
Hi,
That is a code that will increase the logo size on the responsive version, as I see it looks somewhat blurry. That can happen if the logo is larger, it will be resized by the CSS set for it, the quality of the image may be affected by this.
The code will make it look like this – https://prnt.sc/y03yxa it will be in it’s original full size. The mobile header can be adjusted further if needed, let me know.
The code must be entered in the advanced CSS section for phones – https://prnt.sc/y0405o Please try it and see how it looks after entering it.
Thank you!
Hi Simion C,
The problem is that he sees too big. I want the size to be the same in the posts as in the homepage (responsive version), from a mobile.
How can I do that? Keep the same size of the logo, in any part of the web.
Hi,
The homepage is excluded from the mobile theme from what I can see, while the rest of the website uses it. I failed to see that it seems.
I also now notice that you used different sizes for the mobile logo on the responsive version and for the logo on the mobile theme
– https://soyunperro.com/wp-content/uploads/2021/01/Logo-SUP-New2.png.webp
– https://soyunperro.com/wp-content/uploads/2021/01/a1a2.png.webp
So this code solution will enlarge the logo to its original size when entered as I mentioned, just for the homepage.
I can make it larger for the mobile theme as well, for a better quality but the original size is too large.
Maybe setting the same logo as the responsive version uses, for the mobile theme as well, would be better if possible. Then it will look consistently and better across the website https://prnt.sc/y48zw5 after the enlargement.
If you switch then logo as I mentioned, enter that previous code where I mentioned, and this one in the mobile theme custom CSS – https://pastebin.com/BUnCDNyP
Normally the logos look better if originally they are of this size https://prnt.sc/y496qi but that is not actually required.
Let me know.
Thank you!
