Tagged: responsive logo
Hello!
I’m having the issue of too many tabs in my menu bar while also needing to maintain a large logo in the menu.
The problem is the two elements overlap on larger screens like laptop and tablet. (see screenshot)
Is there a way to have the logo decrease in size as the website width decreases?
Bonus question: Is there a way to keep the menu logo the same size but have certain tabs in the menu disappear as the website width decreases, but not all! I’m not talking about a hamburger menu, but a reduced content menu for laptop and tablet. Like a menu that shows up for desktop, then a different one for laptop, then a different one for tablet, and finally the hamburger one for mobile.
Thanks in advance!
Hey raisonbrands,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
I’ve actually made some adjustments to work around this issue but am now having a different one that I’m hoping you could help with.
Before the menu logo completely shrinks into position as you scroll down, it moves to the bottom of the menu bar before snapping into the center as a smaller logo. Though it’s unnoticeable if you scroll fast, it does seem a little glitchy.
https://drive.google.com/file/d/1VX7BUKLh-4lGp3RzdWIgqRBa_I5cMFlX/view?usp=sharing
Is there a way to fix this so that it doesn’t move downward but stays center in the menu bar?
– Stephanie
Hi,
For multiple issue please create a new ticket it will be easier for others to find solution on the forum. Please keep the issue related to the main topic :)
Was there any custom code added to the site to make the logo larger?
Please post the admin login details in private sontent so we can take a closer look at this issue.
Best regards,
Vinay