HI guys – for the mobile hamburger menu I set it so that it’s in a fixed position and a white background against the actual icon. I’m having troubles figuring out how to put the icon in the center of this white background or box. Would someone be able to help with this small tweak? Thanks so much!
Hey bobfurgo,
Thank you for contacting us.
That’s a nice looking site. To change the burger menu background color and give it a fixed position please try the below CSS
/* Burger icon background */
.av-burger-menu-main.menu-item-avia-special .av-hamburger {
background: gold!important;
padding: 25px;
position: fixed;
right: 0px;
top:0;
}
.av-hamburger span {
top: 13px;
}
#header.header-scrolled .av-hamburger span {
top:0;
}
But first, you should remove the previous code to avoid conflict and perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
Vinay
Vinay,
Thank you for the thoughtful and detailed response. This worked perfectly. Thank you again :)