Expanse Theme - Mega Manu background color change

[saraki]

Hello

I would like to change the background color of my mega menu to match the header menu color which is white. Right now it's the color of the general background.

My website: www.inibo.co

PW: secret

Thanks in advance!
S.

[Moeed]

Hey @saraki 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.site-nav__dropdown {
    background: white !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[saraki]

Thank you @Moeed 
It works, but not on the product. Is it possible to make the background on the product white as well? 

[saraki]

Hi @Moeed 
I just noticed that the mega menu items have a hover color as well as an underline when hovered over. Can this be removed? Thanks so much

[websensepro · Accepted solution]

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.megamenu__cols a:hover {
    background-color: white !important;
}
</style>

Copy

[saraki]

Thank you @websensepro !!

[websensepro]

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css 

4) Past this code at the bottom of the page

.site-nav__dropdown {
    background-color: var(--colorNav) !important;
}

[saraki]

Thanks @websensepro  but I haven't got base.css

[SAN_MSWEB]

Hi @saraki 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the megamenu.css file:

.site-nav__dropdown {background: #ffeded !important;}

Regards,

San

[saraki]

Thanks @SAN_MSWEB I don't have megamenu.css either……

[SAN_MSWEB]

Okay then you can add this on your bottom of your css file.