Can't change the background color behind main menu

Hi TheURLdr,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#top #header .av-main-nav>li>a {
    background-color: transparent;
    border-color: transparent;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

No that is controlled from the code of Victoria.

Best regards,
Basilis

Hi,

Please check the settings once in
Enfold > Advanced Styling > Menu links

If any background color is set for the menu items just clear the color value and save it. If it does not work we have tested the below code on your site please replace the code with this one to remove the menu background color when the page is scrolled.

#top #header.header-scrolled-full .av-main-nav>li>a {    
    background-color: transparent;
}
#top #header.header-scrolled-full .av-main-nav > li > a .avia-menu-text, 
#top #header.header-scrolled-full .av-main-nav > li > a .avia-menu-subtext {
    color: #333;
}

Best regards,
Vinay

• This reply was modified 6 years, 9 months ago by Vinay.

Hi,

I have tested this code in your site place try adding it again with a !important rule.

#top #header.header-scrolled-full .av-main-nav>li>a {    
    background-color: transparent!important;
}
#top #header.header-scrolled-full .av-main-nav > li > a .avia-menu-text, 
#top #header.header-scrolled-full .av-main-nav > li > a .avia-menu-subtext {
    color: #333!important;
}

Best regards,
Vinay