How can I change the drop down menu text color in CSS?

[jharokaau]

The drop down menu doesn’t show contrasting text how can i fix this.

I have a CSS code that expands the hero image which i believe is causing issues

How can i fix this

See image below - “shop menu”. Ideally i would like the text to be in a dark colour font

[GemPages]

Hello @jharokaau ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[Moeed]

Hey @jharokaau
Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid
4. Add the following code in the bottom of the file above

[PageFly-Victor]

HI @jharokaau

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.header__submenu .header__menu-item {

color: black !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[jharokaau]

https://37b2a9.myshopify.com/

Password: pialdu

[jharokaau]

can i possibly change this to black as well?

[Moeed]

Hey @jharokaau
Add this code above in theme.liquid

[jharokaau]

Thank you this works great! It is possible the text colour to change as i flip through different pages? because the home page is fine with white text but the shop page needs to be in black because the background is light. I feel like white works better on the home.

Also if there is an item in the cart the highlighted number is black on black.