Tagged: Burger Menu
Hi! I’m having some trouble with our site’s menu. It’s fine on desktop but when I shrink the page to mobile version it doesn’t show up. The burger icon vanishes/is invisible but is clickable. I tried changing the burger color in the Enfold>Main Menu>Burger Mobile Styling but it didn’t work. The weirdest part is it shows up and works perfectly when I’m viewing through the Appearance>Customize. I read through some forums and found this:
/*Burger menu*/
.module.widget-handle i {
display: inline-block;
}
But that didn’t work. So then I tried this:
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
background-color: #000000;
}
I’m sure it’s a rookie mistake but any help would be greatly appreciated!! Thanks!
Hey hduerstock,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.av-hamburger-inner {
background:black !important;
}
}
Best regards,
Rikard
Rikard – Thanks for the quick response! I tried it but it doesn’t seem to be working. The burger shows up when I’m logged into wordpress and are viewing the page but not when I’m on mobile or not logged in. Any other suggestions?
Hey!
Please flush browser and plugin cache if you are using any and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Best regards,
Yigit
Perfect – it’s all set! Thank you SO much.
Hi hduerstock,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria