Tagged: Burger Menu
- 
		AuthorPosts
 - 
		
			
				
October 19, 2017 at 4:02 pm #866277
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!
October 20, 2017 at 7:51 am #866615Hey 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,
RikardOctober 23, 2017 at 3:46 pm #867652Rikard – 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?
October 23, 2017 at 3:59 pm #867661Hey!
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,
YigitOctober 23, 2017 at 4:14 pm #867673Perfect – it’s all set! Thank you SO much.
October 23, 2017 at 4:47 pm #867699Hi hduerstock,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria - 
		AuthorPosts
 
- You must be logged in to reply to this topic.
 
