Tagged: Burger Menu
Dear Team,
on my page below the navigation breakpoint on smaller screens / mobile is working, but there is no hamburger menu visible. I tried lots of setting changes, but was not able to get it visible. Current Quick css content pls find below.
A help would be great – thx a lot in advance, Tilman
Hey Tilman,
Thank you for the inquiry.
This css code hides the container where the main and mobile menu are located.
#header_main > .container {
display: none;
}
Please remove the css code, then toggle the Performance > File Compression settings. You may need to clear the browser cache as well.
Best regards,
Ismael
thx a lot Ismael,
of course – this has an impact on burger visibility, too… If I delete this CSS syntax the hamburger is fine
on the other hand,, there is now a space above the top nav. My aim for the header ist /was: only nav menu (centered), but no logo. My workaround was “logo center, menu below” plus the a.am. css. So my question is now:
-> How do I get the menu towards the upper end of the header area – plus hamburger on mobile?
Would be great to get your hint acc.
thx again & best regards Tilman
Hi,
Thanks for the update and clarification. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) {
.av-logo-container {
height: 0;
line-height: 0;
}
}
Best regards,
Rikard
Hi,
it did not work, now I’ve simply changed it in the enfold settings towards “menu left, logo right” and that’s fine :-)
thx again & cheers, Tilman