Mobile Menu Background Color

DanielNolan

Hello,

could you please also provide me with the css needed to set the mobile background to a different colour? As it stands the mobile menu is transparent. I have opted for the classic menu. Thanks

Pablo

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DanielNolan

tradeadvertiser.com

Pablo

Well, your customizations of CSS made that, if you disable it, then it won't be transparent.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DanielNolan

DanielNolan

Hello Pablo,

That css you pointed out is from me trying to ADD a background to the menu. This normally is a 30 second fix but if you take a look at the image I have attached you will see the menu is transparent. I have added a border to the bottom of the menu so you can see where the menu should be.

Adding the CSS you pointed out above has enabled me to apply a background to the sticky menu on scroll, but I am unable to add a background to the static menu at the top of the page.

Pablo

Look, this file holds all of the CSS code which you use, as we can see, the menu is transparent, this is bad.

Let remove it and see results.

Non sticky:

Sticky:

The problem is on the CSS code you have in your Custom CSS tab of Theme Options, if you are comfy with that problem and you want to solve that problem with another CSS code (which is kinda bad idea), hold the code:

@media(max-width:960px){
 #Top_bar:not(.is-sticky) .top_bar_left, 
 #Top_bar:not(.is-sticky) .menu_wrapper nav{
    background: #e8e7e7 !important;
    z-index: 9 !important;
 }
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next