Menu background colour changed after updating

Hi there,

You can try adding following Custom CSS to your theme using Advanced CSS Editor.

.site-header{
    background: white;
}

If you just want to change color of menu, you can use following CSS instead

.storefront-primary-navigation{
    background: white;
}

Let us know if this is not the result you wanted to achieve. Thanks!

To add to what Suyogya said, it could be due to the added section element in the storefront primary navigation.

If you could share a link to your site, that would be great.

Cheers!

Thanks Suyogya, I added the code for just changing the menu but when there’s a sub menu this is still grey.

My site is here: https://www.yukfun.co.uk

Hey,

To change the color of the dropdowns for the menu and the cart try this snippet;

.site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
background-color: #fff;
}

I noticed you’ve added social links to your secondary nav, this might be of use to you; https://docs.woothemes.com/document/create-a-social-icon-menu/ ??

Hi James,

That code hasn’t worked for me…

But thanks for the link about a social icon menu!

Are you sure you added it? I can’t see it when I inspect your site. Perhaps you have a cache plugin running or something?

Yes to my stylesheet in my child theme.

I don’t have any cache plugins, I tried de-activating all of my plugins but the menu is still grey.

It seems to be working for me now?

Is this resolved? ??

Yup! Thank you!

I am having this same issue. There is a bar of color behind the menu, which there is no option to change. @themeislesupport, when I added the code you mentioned above to change the color of the menu, it worked but it was on top of my logo. So then my logo was partly hidden by the color. How do I remove that color preference so it just shows the background color, or change the color without covering up my logo?

Thanks..:)