Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1018708

    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!

    #1018784

    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

    #1018793

    Vinay,

    Thank you for the thoughtful and detailed response. This worked perfectly. Thank you again :)

    #1018846

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.