Hi, is there a way I can increase the logo background height so that my logo is larger on mobile devices?
Hi,
That can be done only with some custom css https://i.imgur.com/p2C2TmG.png
body .td-main-menu-logo img {
max-height: 66px !important;
}
Set this code in theme panel. custom code> advance. phone section -> https://i.imgur.com/Av8ne8W.png
Thank you!
Thanks! This is better, but how can I resize it further so it fits the width of a mobile screen whilst increasing the header space?
Hi,
I tried to view the website, but it seems to be in maintenance mode at this time https://i.imgur.com/StW3yva.png
I suggest sending an email if possible at contact@tagdiv.com and there you can provide admin login so I can log in and see the website. Then please mention how the logo should be exactly, and I will provide a solution if possible.
Let me know.
Hi, we have now launched the site live so if you can have a look at the logo issue on mobile we would be most grateful 🙂
Hi,
For me your logo it looks good now https://i.imgur.com/UnCdTZw.png but please set a color on the mobile menu and search (green, black what you want), you can do that from here -> https://i.imgur.com/3ennxX6.png
Thank you!
Thanks for the tip with the colours 🙂
The logo on mobile is still not perfect. I imagine its because the header height is still the same, whilst the logo height is larger. This is why there is a line behind the logo. Is there a way to move the line down (increase the actual header height)?
There is also an issue when scrolling back up on mobile. See screenshot
Hi,
This is how I see it – https://i.imgur.com/SJfNZKX.png
For the line/border try this code – https://pastebin.com/3E0P7vW0
In your screenshot that is the sticky mobile header, that could be made as well to look better. Try this code – https://pastebin.com/6EiYNLLh
Let me know.
Thank you!
Thanks! I had to adjust the px values slightly, byt your suggestion has sorted the issue perfectly 🙂
