Tagged: hamburger icon, menu, Scrolling, shiftnav
Hello Enfold team
I feel truly thankful you have this support forum that I can access and achieve my business website goals, I owe you guys so much.
the website I’m still working on is bodytalkminneapolis.com
How do we always see the ShiftNav hamburger menu icon even if we scroll to the bottom of the page?
Right now, it shows at the top, then when I start scrolling down I can’t access it.
Is there a setting I’m not seeing yet or a Quick CSS code I could please get direction with?
thanks
Hey Nathan,
You can solve this adding this custom CSS code at Enfold Theme Options > General Styling > Quick CSS
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
position: fixed;
margin-left: -50%;
}
Remember: If you have some problem with this hamburger menu on mobile devices, you`ll have to create a media query and edit the margin-left with the same rule above.
Best regards,
John Torvik
Thank you for the code, I tried that and when I scroll the icon disappears.
Is there a different code we could try please?
Hi!
I added following code to bottom of Quick CSS field
#shiftnav-toggle-main.shiftnav-toggle-position-absolute {
position: fixed !important;
}
Please review your website now :)
Regards,
Yigit
I see that :)
I feel grateful Yigit