How can I change the font color in my mobile dropdown menu?

Store Design
,
1

Items that have subfolders in my dropdown menu on mobile view have a black font and are hard to view. I’ve been trying for hours to figure out how to change them to white as well but no luck. Anybody know how to fix this? www.redi-exit.com

rediexit_0-1669751749891.png
rediexit_0-1669751749891.png191×306 28.7 KB

2

Hello @spoyled

This design from the theme

You can follow these steps:

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

GemPages_1-1669776576882.png
GemPages_1-1669776576882.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_2-1669776603181.png
GemPages_2-1669776603181.png996×831 32.5 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @redi-exit ,

This is Victor from PageFly - Free Landing Page Builder.

Please follow my steps below:

Step 1: Online Stores > More action > edit code > base.css

Step 2: Paste the code at the end of the file

@media screen and (max-width: 767px){

summary.menu-drawer__menu-item.list-menu__item.link.link--text.focus-inset {

color: #fff !important;

}

}

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

4

Thanks Victor that worked! But when I click on an item with subfolders it turns black again (see below). Any idea how to fix that too?

rediexit_0-1669805723162.png
rediexit_0-1669805723162.png216×158 30.8 KB

5

Hi @redi-exit ,

Please help me add this code to get the submenu text to white, add this next to the code you added yesterday

@media screen and (max-width: 767px){

.menu-drawer__close-button { {

color: #fff !important;

}

}

Hope this can help you solve the issue!

Victor | PageFly

6

That didn’t work. Any other suggestions?

7

Hi @redi-exit ,

Please try this. Please add this by replacing all the code you added before and take a screenshot of where you added that if possible. Thank you

@media screen and (max-width: 767px){
summary.menu-drawer__menu-item.list-menu__item.link.link--text.focus-inset {
color: #fff !important;
}
.menu-drawer__close-button { 
color: #fff !important;
}
}

Hope this help!

8

Worked! You are awesome, thank you!