Tagged: background color, general settings, mobile menu
-
AuthorPosts
-
September 20, 2015 at 1:39 pm #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, 1 month ago by Munford.
September 20, 2015 at 3:47 pm #506029Hey 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,
ElliottSeptember 20, 2015 at 6:24 pm #506077HI 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.
NancySeptember 21, 2015 at 1:15 pm #506389Hey!
try to clear browser cache and hard refresh a few times. Are you using any kind of caching (plugin)?
Best regards,
AndySeptember 22, 2015 at 3:08 pm #507098Hi Andy
I have cleared the cache many times. I have had this issue for a while. Don’t think there is any caching pluginSeptember 22, 2015 at 4:56 pm #507220Hey!
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,
ElliottSeptember 22, 2015 at 5:24 pm #507245Hey Elliot
this is how it’s set now: http://imgur.com/NQ9CjXiit’s not super important but it’s strange it’s the only setting that I am having trouble with.
thanks for taking a look
NancySeptember 22, 2015 at 5:35 pm #507251Hi!
Alrighty, go ahead and use the CSS I posted.
Cheers!
ElliottFebruary 19, 2016 at 12:24 am #585803Hello, 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
February 22, 2016 at 6:03 am #586842Hi!
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!
IsmaelDecember 3, 2018 at 7:57 pm #1040455Hey 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
MichaelDecember 4, 2018 at 8:51 am #1040620Hi michaelH,
Thanks for sharing your solution, much appreciated :-)
Best regards,
RikardJune 17, 2019 at 4:52 am #1110902I 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.
June 17, 2019 at 5:52 am #1110930Hi 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,
RikardSeptember 14, 2019 at 12:46 pm #1138291Hello,
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 regardsSeptember 16, 2019 at 8:32 am #1138687Hi Semito,
Where can we see the results you are currently getting?
Best regards,
RikardSeptember 16, 2019 at 9:39 am #1138723Hello 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
September 17, 2019 at 4:05 am #1138985 -
AuthorPosts
- You must be logged in to reply to this topic.