How do I change the color of a specific drop down menu item in Debut theme?

Solved
Highlighted
Tourist
3 1 3

Hello! I have been searching the Shopify forums for hours and can't seem to find the solution for this. I'd like to change the color of one dropdown menu item (I'm using the Debut theme). I've gotten this to work before but the menu item wasn't a dropdown, so I think that's why the same code isn't working. This is what I've used that works for a link but not a dropdown:

 

.site-nav__link[href*="/collections/gifts"] {
    color: #be1e2d!important;
  font-size: 20px;
}
 
If anyone could help me that would be amazing! Thank you so much!
0 Likes
Highlighted
Tourist
3 1 3

This is an accepted solution.

SOLVED! For anyone else searching for this issue endlessly like I was, I finally figured it out.

 

Go to your website, right click the menu item you want to change the color of, then click Inspect.

 

On the right side window that pops up, there should be text selected that says something like <span class"site-nave__label">YOUR MENU ITEM</span> -- Right click that line and click Copy then Copy Selector.

 

Then go to your theme.scss.liquid and at the very bottom paste what you copied. 

 

After what you pasted you will add something like this to change the color:

 

{
    color: #be1e2d!important;
}
 
ALSO if you want an app that does this then I recommend the app Smart Menu - they have a free plan available.
Highlighted
New Member
1 0 0

Sincere Thanks @ABC2020 Exactly what i was after

0 Likes