Mega menu color change CSS

Store Design
, , , ,
1

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

Capture d’écran 2024-11-22 à 00.40.29.png
Capture d’écran 2024-11-22 à 00.40.29.png2880×1118 311 KB

2

Hi, @AA226

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

3

The background please ?

4

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 tag

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

5

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

6

Perfect thank you so much