Help Needed. How to change the color of the mobile menu text only?

Store Design
1

Hi there! How do I change the color of the text for the mobile version of dropdown menu?

Currently it is showing a light grey text over a black background. I would like it to be white text over black background.

Desktop version is working fine with black text over white background.

Thanks in advance!

https://www.nanotechsg.com/

2

@NTech I developed some custom code for you.

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media (max-width: 767px){
ul#MobileNav li{
background-color: #000000 !important;
}

ul#MobileNav li *{
color: #ffffff !important;
}
}

#000000 = background color
#ffffff = text color

You can change them as you need.
Let me know whether it works please, I’ll be happy to assist further if you need.

1 Like
3

Hello Ntech,

#MobileNav ul.mm-submenu.link-list li a {
#color: #fff;
}

Kindly use this CSS and add it in the theme file. The text will be changed to white color.

4

Thank you for the easy-to-follow solution! It works just like i would like it to be.

5

@NTech you’re welcome! glad to help you.

Next time feel free to contact me personally via e-mail.

Kind regards,

Diego

6

I’m also having trouble and did what I read applied to assets but nothing happens