Changing text colors ONLY in the mobile navigation

Hello :slight_smile:

I’m looking for a way to change the text color in the hamburger (mobile) menu in Sydney.
The color for the desktop menu is just fine as it is (white) but I want my mobile menu text color to be black, since I’m using a white background for it.

I hope someone on here can help me with this :slight_smile:

Regards,
Joy

Hello Joy,

To change it to any color of your choice, you need to apply the below CSS code into your site’s additional CSS option under Appearance > Customize > Additional CSS.


.btn-menu{
  color: #000000;
}

Regards,
Kharis

Thankyou for your reply :slight_smile:

The code you posted changes the hamburger menu button color, but I want to change the text color of the links in the dropdown mobile menu.
Do you maybe have a solution for that as well? :slight_smile:
Thankyou in advance!

Joy

Hi Joy,

You can use this code:


#mainnav-mobi ul > li > a {
  color: #ff0000;
}

Regards,
Kharis