Expanse Theme - Mega Manu background color change

Store Design
,
1

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.

2

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 tag

RESULT:

Moeed_0-1700131224494.png
Moeed_0-1700131224494.png1895×887 185 KB

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

Best Regards,
Moeed

3

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;
}
4

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

5

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

6

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

7

Thanks @INA_MSWEB I don’t have megamenu.css either……

8

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

9

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