mobile menu background

tokyomagic · November 2015

after updating the theme, the background of the mobile menu is now white and I cannot find a setting in the be theme settings menu or a line in the CSS that will allow me to change its colour. What do I need to change in order to either make it transparent or to matach the header background colour?

kind regards,

Paul.

jaaannn · November 2015

I have this same issue. I updated today 11/18 and now, when I scroll down the page, the menu changes from black (the setting I CAN control & set to black) to white (the setting I can't find) which makes it illegible. WHERE is the setting that controls the menu / navigation background color?

Albert · November 2015

Hi,

background color of mobile menu can be changed with below css:

#Top_bar #menu > ul { background: #000 !important; }

jaaannn · November 2015

You code above fixes the mobile menu color dropdowns, but when it's full screen & you scroll down the menu also changes from my color (#000000) to white. I need the menu to stay black since navigation fonts are white & light gray.

I set menu to #000000 under Appearance/BeTheme Options/Colors/Header/Top Left & Top Right Bar Background. Where do I control the color of the menu background that occurs after a user has scrolled down the page?

Albert · November 2015

@jaaannn Please send url to page where background changes and we'll have a look on it.

tokyomagic · November 2015

Ive noticed that too, i think its the sticky menu that has had its colour altered from previous versions of the theme. I ended up disabling the sticky menu as I just didnt have time to look into it further.

@muffin group, thank you for the css code. Your help is always appreciated.

Paul.

Albert · November 2015

@tokyomagic We found this problem few hours ago and sticky header background will be fixed with next theme update. However, if you want, you can change it’s background with below css:

#Top_bar.is-sticky {
    background: #0b3e55 !important;
}

mobile menu background

Comments