Heater overlays Burger menu

Hey alliansohog,

Thank you for the inquiry.

Adding this css code should make the mobile menu text visible and place it to the right of the mobile menu icon.

#top .avia_hidden_link_text {
    display: block;
    position: absolute;
    top: 2px;
    left: 60px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
To remove the background color for the mobile menu icon, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header #avia-menu > li.menu-item-avia-special:hover > a {
    background: transparent !important;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the screenshot, I couldn’t find the page so I tested a different one.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 58px !important;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try changing the css to show the “menu” text to this:

#top .av-burger-menu-main .avia_hidden_link_text {
    display: block;
    position: absolute;
    top: 2px;
    left: 60px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike