Mega menu color change CSS

[AA226]

Hello community, 

Is there anyone who has a CSS code to change the color of the mega menu to match the color of the header, i've been searching all over the settings, try with background change, it won't work ... 

If anyone knows how to do it with CSS, i'll be 100% grateful for some helps please : 

The color is want is : F9F7F2, and without the grey separation line please. 

Thank you so much for anyone that would take time to help me fixing the issue. 

aaliyaamira.com

psw : kingaaliya

[AnneLuo]

Hi, @AA226 

Do you want to change the color of the text or the background?

[AA226]

The background please ? 

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.site-header--full .site-nav__item-mega .site-nav__dropdown {
    background: #F9F7F2 !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[AA226]

Perfect thank you so much

[DaisyVo]

Hi @AA226 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

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

Here is the result: https://prnt.sc/KFS939AOr26T

I hope this helps

Best,

Daisy