Change drop down menu color in Studio theme

[MMRI21]

Hello, I am trying to change the background color of my drop down menu to a solid and no matter what I have tried, nothing works. Ive spent hours, tried multiple codes I have looked up and I am not sure if I am just not putting them in the right place?  I do not have a theme. ccs under assets, can someone PLEASE help me.  =(

[kaalTechGeeks]

Hi @MMRI21, 
can you please share your store URL so that I can share exact codes that would help you fix the above issue
Thanks 

[MMRI21]

https://milestonememoriesri.com/

the password is MSM2021!

thank you so much!!!

[GemPages · Accepted solution]

Hello @MMRI21,

I'm so glad to support you today.

According to my understanding, you want to change the background color dropdown menu like this?

If I'm correct, please check out my suggestion below to make it:

1. Go to Edit code on Online Store:

2. Add my code to the end of the file Base.css:

.header .header__inline-menu .list-menu header-menu details .header__submenu{
	background: #c4a9b3;
    box-shadow: none !important;
}

*Note: you can change the code #c4a9b3 to another color you want.

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

[MMRI21]

omg it worked!  thank you so so so much!!!

[GemPages]

Hi @MMRI21,

I am glad that my solution is helpful to you 😁. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

[PageFly-Victor]

Hi @MMRI21 ,

This is Victor from PageFly - Landing Page Builder App. I would love to give you some recommendations.

To change the background color of the drop-down menu to solid, from your Shopify Admin:

• Go to Online Store > Themes > Edit code > Assets > base.css
• Add the following code at the end of the base.css file

#HeaderMenu-MenuList-2{background:#c9b0b9 !important}

After you add the code, it should look like this:

Hope you will find my answer helpful!

Regards,

Victor | PageFly