Customize Supply Theme .Mobile-nav drop down text color

Store Design
1

Hello. I want to make my mobile menu more eye friendly for my customers. I figured how to change the background for the dropdown menu. I however can not find where to add or change the code for the text color. I see it pulls the color from the main menu items.
I want the mobile main menu text to be #E40C89
While the desktop main menu text is #F2D0F0

right now I have black so that both users can see. as shown in picture

2

@LunarBrownie

Happy to help you:

  1. Go to your code editor > Assets > theme.scss.css and paste this lines at the bottom of the page:
.nav-bar a {
color: #F2D0F0 !important
}
.mobile-nav a { 
color: #E40C89 !important
}

If the solution is helpful please like and accept as solution. For any queries DM or mail at: shopify.dev.34@gmail.com.

1 Like
3

That worked thank you! However the arrows to show the drop down do not show how can I change the color of those?

4

yes!!!