Hi how can I change the color of a single main menu item for Retina theme?
2 Likes
Hi @ArdenTeal
Please share your store URL and password.
So that I will check and let you know the exact solution here.
This is Noah from PageFly - Shopify Page Builder App
Hi @ArdenTeal I can help you. Please can you provide the website url. Thank you.
Best regards,
Noah | PageFly
1 Like
Hi Noah,
Store URL: https://ardenteal.com/
1 Like
Hi @ArdenTeal
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.main-nav__tier-1-item a[href="/collections/final-sale"] {
color: red;
}
Hi @ArdenTeal I can ask explain more ? Do you mean you want to change the color of the entire main menu text, or just change the color of the menu when selecting that menu?
Thank you.
Hi @ArdenTeal Please add code here to change color:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
This is code change color all text menu:
This is code only change text when you selected:
Hope my solution will help you resolve the issue.
Thank you so much.
Hello @ArdenTeal ,
I understand you are looking to change the color of the menu item of the navigation menu.
You can implement this change using CSS code
I have mentioned a code for changing the color of the ‘Sale’ menu item.
Add the code at the bottom of the theme.liquid file before tag and save.
[You can implement this code for highlighting any other menu item as well, however, you have to only replace the ‘href’ link to the respective menu item.]
Output will be like this -:
I hope the code helps you.
Please share if you have any queries.
Thank you.
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.main-nav__tier-1-item:nth-last-child(1) summary.main-nav__tier-1-link {
color: red;
}
Hi @ArdenTeal
What single menu do you want to change color?
Thanks it works now 