Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #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 ??
    thanks!
    Nancy

    • This topic was modified 9 years ago by Munford.
    #506029

    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.

    Regards,
    Elliott

    #506077

    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.
    Nancy

    #506389

    Hey!

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

    Best regards,
    Andy

    #507098

    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

    #507220

    Hey!

    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,
    Elliott

    #507245

    Hey Elliot
    this is how it’s set now: http://imgur.com/NQ9CjXi

    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
    Nancy

    #507251

    Hi!

    Alrighty, go ahead and use the CSS I posted.

    Cheers!
    Elliott

    #585803

    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?

    antonellieventcenter.com is the site, where you can see the mobile menu and the issues with it

    #586842

    Hi!

    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;
    }

    Cheers!
    Ismael

    #1040455

    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.

    Cheers
    Michael

    #1040620

    Hi michaelH,

    Thanks for sharing your solution, much appreciated :-)

    Best regards,
    Rikard

    #1110902

    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.

    https://www.ausmotorsearch.com.au/

    #1110930

    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,
    Rikard

    #1138291

    Hello,
    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

    #1138687

    Hi Semito,

    Where can we see the results you are currently getting?

    Best regards,
    Rikard

    #1138723

    Hello please go to. https://new.weihnachtsfeierzauber.de
    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

    #1138985

    Hi,

    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,
    Ismael

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