How can I change my Mega Menu's background color to match my website?

Store Design
, , ,
1

Hi, does anybody know how I would change the background colour of the Mega Menu links to the same as my website background? I’ve tried with CSS and colour customizer but no luck! Any help would be appreciated.

Thanks :slightly_smiling_face:

help.png
help.png476×443 22.8 KB

2

Hi @scentihome

This is Kate from PageFly - Landing page builder

Please share your store URL and if your store is password protected then please provide password too. So that we can help you.

Thank you.

3

Hey @PageFly-Kate thanks for your reply.

the website is http://scentihome.com/

Thank you! :slightly_smiling_face:

4

Hi @scentihome

I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file

.header__submenu .header__submenu .header__menu-item {
    background: white;
    
}

.header__submenu .header__submenu {
    padding 0px;
}
5

Thank you very much!

It’s worked however there is still grey lines here? Do you have any suggestions on how to remove these too please? :grinning_face_with_smiling_eyes:

help.png
help.png302×241 7.73 KB

6

You can add this code to remove it:

.header__submenu .header__submenu {

padding 0px !important;

}

7

That hasn’t worked, do you know of another way? Thank you for all your help! :slightly_smiling_face:

8

You can try this:

.header__inline-menu details[open] > .header__submenu {
 padding: unset;
}
9

Thanks so much for your help :grinning_face_with_smiling_eyes: