How To Change Color Of Menu Item Font in Mobile on Trade Theme

[jordanbford1]

Hi!

I am trying to change the menu item font color on mobile for my Clearance menu item to color #641832 on Trade Theme. I have been able to successfully do it on Desktop but not mobile.

Successful Desktop:

Need this to look the same on Mobile:

My website is here.

Thank you!

[Made4uo-Ribe]

Hi @jordanbford1

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

a#HeaderDrawer-clearance {
    color: #641832;
}

• And Save.
• Result:
• 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

[jordanbford1]

Thank you! This worked. If I ever change the menu item name from Clearance to say “Savings” do I need to edit the code again?

[Made4uo-Ribe]

Welcome! Would you mind hitting ‘like’ as well? Thanks!

Nope, that code is only for the color. That is other settings in your store.