How to change color of dropdown menu text on mobile

Store Design
, , , , ,
1

Hi there. I recently changed the color of the text of the options that drop down when my “shop” option is clicked in my header menu, and it worked, but only on desktop. Any coding help would be appreciated to change the color of the text on mobile. Thanks!

Here is my shop. I’m using the Colorblock theme.

2

Hi @hushbug ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1673486681161.png
GemPages_0-1673486681161.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

3

Hi [email removed]Hushbug,

You can try this code by following these steps:

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

Step 2: Search file component-menu-drawer.css,

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

@media(max-width:767px){
.link--text,.menu-drawer__menu-item--active,.menu-drawer__account,.menu-drawer .list-social__link{
color:#F9FADD !important
}
}

PageFlyVictor_0-1673489835191.png
PageFlyVictor_0-1673489835191.png704×1546 110 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

4

hello @hushbug

step 01:

  1. Go to your Store > Theme > click to edit code.
  2. find file component-menu-drawer.css,
  3. Add this code below at the bottom and click Save button
@media only screen and (max-width:767px){
	.link--text,.menu-drawer__menu-item--active{
		color:#F9FADD !important
	}
	.menu-drawer__account,.menu-drawer .list-social__link{
		color:#F9FADD !important
	}
}

this idea helps you