Tagged: Hamburger-Menu
How can I keep the hamburger menu on a mobile device ALWAYS VISIBLE on top? Now, when I scroll downwards on a mobile, it disappears.
Is there a way to keep the hamburger menu (or the complete banner with logo) always visible?
btw; I have the latest Enfold version (4.1.2).
THX in advance!
Hey Maboanro,
The header on your site is sticky on my end on mobile, did you manage to get it working?
Best regards,
Rikard
Hi Rikard,
I presume you mean on a tablet. That’s OK. But I meant on a Phone (android and Nokia, I don’t have an iPhone). On my Phone the heaer is not sticky. You agree? Is that changeable?
Kind regards,
Maarten
Hi Maarten,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) {
.responsive.html_header_top.html_header_sticky #top #wrap_all #header {
position: fixed;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Thank you, I’ll try it.
Best regards, Maarten
Hi,
Let us know if that would work out for you.
Thank you very much
Best regards,
Basilis
I have the same issue.
Tried Victoria’s solution but it doesn’t work for me. Increased width to 830px but still no go on phone…
Hi,
@Itai: Try to disable the Performance > File Compression settings temporarily after adding the code. And don’t forget to remove the browser cache. Let us know if it helps.
Best regards,
Ismael
Yes! it works now. thanks!
Itai