Shopify themes, liquid, logos, and UX
Hi!
I want to make the menu item “Clearance” red on my theme but I’m having trouble. I’ve tried other solutions but they don’t seem to be working with my theme. THanks in advance!
Solved! Go to the solution
This is an accepted solution.
I seem to have given you the code for the desktop version when it's zoomed out -> Menu shows next to the logo on the right.
Use the following code for the menu that opens on the left:
#header-menu > div > div.drawer__inner > div > div:nth-child(10) > div > a {
color: red;
}
Let me know!
Hi @Ranim
Would you mind sharing your store's URL so we can provide a solution? Cheers!
Add this code to your theme.css file at the very bottom:
#shopify-section-header > div.header__wrapper.header-override-border > header > div > div.header__desktop > div > div.header__desktop__bar__c > nav > div > div:nth-child(10) > a > span {
color: #e50000;
}
Change the HEX color as needed for the appropriate outcome. Should that be all, we always appreciate a like & mark as answer to let the community find quality answers faster. Thanks!
This is an accepted solution.
I seem to have given you the code for the desktop version when it's zoomed out -> Menu shows next to the logo on the right.
Use the following code for the menu that opens on the left:
#header-menu > div > div.drawer__inner > div > div:nth-child(10) > div > a {
color: red;
}
Let me know!
Thank you! That worked
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024