Solved

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

neonlightened
Visitor
2 0 2

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 mousseBildschirm­foto 2023-03-20 um 20.33.48.pngBildschirm­foto 2023-03-20 um 20.34.11.png

Accepted Solution (1)

GemPages
Shopify Partner
5587 1260 1190

This is an 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

GemPages_0-1679380560304.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 5 (5)

made4Uo
Shopify Partner
3803 713 1112

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;
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

GemPages
Shopify Partner
5587 1260 1190

This is an 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

GemPages_0-1679380560304.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
neonlightened
Visitor
2 0 2

THANK YOU!!

 

GemPages
Shopify Partner
5587 1260 1190

I am glad that my solution is helpful to you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
koverland
New Member
5 0 0

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

Screenshot 2023-11-24 at 2.39.04 PM.png

www.cherrywoodfabrics.com

Screenshot 2023-11-24 at 2.38.07 PM.png