Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
  • #506023

    Hi guys
    a couple questions:
    Is there an documentation on where the color settings come from on the mobile menu (hamburger) icon / rollovers/ etc.? I am a bit confused as to which colors in the general settings go where, since it doesn’t show anything about the mobile menu. I know I can change the colors w css but would like to understand the correlation to the other general color settings. Right now I’ve got an orange background…

    also, I can’t seem to change the background color on my site – it’s set in the general settings to white, but it is still displaying as gray. I can change it to an image, but not to another color ??

    • This topic was modified 4 years, 9 months ago by  Munford.

    Hey Munford!

    If I remember right it should take on the “Primary Color” in Dashboard > Enfold > General Styling. If not that then one of the colors next to it.

    Yes, you can set a background to your site background in the same page, just scroll down a bit until you see the background option.



    HI Elliot
    Thanks –
    the problem with the background color is it’s not taking the changes I make in the general settings – it stays gray for example instead of changing to white – right now I have it set to #ffffff but it’s not working.
    any ideas? I don’t think I have a background color set in the css that would be overriding that setting.



    try to clear browser cache and hard refresh a few times. Are you using any kind of caching (plugin)?

    Best regards,


    Hi Andy
    I have cleared the cache many times. I have had this issue for a while. Don’t think there is any caching plugin



    Take a screenshot of the exact option your using.

    If all else fails then add this to your custom CSS.

    html { background: #fff !important; }

    Best regards,


    Hey Elliot
    this is how it’s set now:

    it’s not super important but it’s strange it’s the only setting that I am having trouble with.
    thanks for taking a look



    Alrighty, go ahead and use the CSS I posted.



    Hello, I have the same question about where the settings for colors on the mobile menus are, including the hamburger menu.

    On the site I’m working on, there are two main issues:

    1) black background on hamburger menu before rollover, black lines with black background makes one black square

    2) link and menu font colors when you click on menu and it opens up, dark on dark, and I can’t for the life of me figure out where these settings are in any general settings in Enfold. It should be easy enough to see the color and find it in the general styling, but the colors just don’t correlate.

    Where do I change these colors? is the site, where you can see the mobile menu and the issues with it



    Change the color of the mobile menu items with this css code:

    #mobile-advanced a, #mobile-advanced .mega_menu_title {
        color: white;
        background: red;

    This is for the hover state:

    #mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a {
        background-color: yellow;
        color: red;



    Hey guys

    It might be something slightly different, but I also wanted to change the color of the inactive menu items for the mobile menu.
    I managed to do it by using the following code, took me a while to actually figure out what works. Of course values such as max-width and colors may be adjusted for your needs. This is just a working example:

    @media only screen and (max-width: 995px) {
    .main_menu .current-menu-item span.avia-menu-text {
    color: #bcdc04 !important;
    .avia-menu-text {
    color: #343333 !important;

    Just wanted to share it here as this topic seems still unresolved.



    Hi michaelH,

    Thanks for sharing your solution, much appreciated :-)

    Best regards,


    I have exactly the same problem and nothing I do makes the mobile menu setting change – they are dark grey text on black background. I have used the CSS as suggested above with no result and yes I have cleared cache and forced resets.


    Hi keychange,

    Please open a new thread and include WordPress admin login details in private so that we can have a closer look at your site. Also please point out exactly how you want to change the mobile menu on your site.

    Best regards,


    I tried every advanced styling option and every CSS Code I found maybe 6 different. It does not work to change the mobile background color
    actually I do have dark blue background with dark blue font color. I do need white Font color! Can anybody help me please! kindest regards


    Hi Semito,

    Where can we see the results you are currently getting?

    Best regards,


    Hello please go to.
    On other sites that I work with enfold it is possible to change the colour! When I use the Child theme it chage allways my advanced configuratin (I do changes and it will fall back) by it selve so I am still using the theme!

    regards Sami



    Thank you for the update.

    Did you enable the Performance > File Compression settings? Make sure to toggle that option after adjusting the advanced styling options. And if possible, please open your own thread so that we can close this one.

    Best regards,

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.