How can I change the color of the dropdown menu without changing the menu color.

[neonlightened]

How can I change the color of the dropdown menu without changing the main menu color. I want the dropdown menu to be the background color 2 instead of this gradient (screenshot attached). Please hit me up with some code  https://newdawn22.myshopify.com/

password is mousse

[made4Uo]

Hi @neonlightened,

Unfortunately, the menu background was link to the parent container. But you can still change the background using the code below and not the "background color 2"

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file

NOTE: Change the #fff to the color you want

ul#HeaderMenu-MenuList-3 {
    background: #fff;
}

[GemPages · Accepted solution]

Hello @neonlightened ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.header__submenu.list-menu {
 background: rgb(var(--color-background)) !important;
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team

[neonlightened]

THANK YOU!!

[GemPages]

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team

[koverland]

This did not work for me - am I adding it in the right place?

www.cherrywoodfabrics.com