mobile menu background

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. 

Comments

  • 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?
  • Hi,

    background color of mobile menu can be changed with below css:
    #Top_bar #menu > ul { background: #000 !important; }
  • 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?
  • @jaaannn Please send url to page where background changes and we'll have a look on it.
  • 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. 
  • @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;
    }
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.