Empire theme: change background colour of mega menu (but not whole header)

Highlighted
Excursionist
18 0 4

I'd like to change the colour of the background of the mega menu on my site, so it stands out against the rest of the header.

I can only find an option to change the whole header (which includes the mega menu) background colour.

Can I edit the code to achieve this?

0 Likes
Highlighted
Shopify Partner
1079 170 195

Hi There!

This can be done, would you mind sharing your store's URL so we can share the solution here? Thanks!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Excursionist
18 0 4

Sure, it’s siop-cwlwm.myshopify.com

Thanks!

0 Likes
Highlighted
Shopify Partner
1079 170 195

Add the following to your theme.scss file and the Mega Menu background color will change:

.navmenu-submenu.navmenu-meganav.navmenu-meganav--desktop {
    background-color: black;
}


Let me know if it works!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Excursionist
18 0 4

Thank you for your suggestion, much appreciated

I've added the code and the menu background is still white, the same as the rest of the header

There are two theme.scss files and I added the code to both, and to just one at a time

Is there a specific location in the theme.scss file where I should paste the code?

Thanks again

Lowri

0 Likes