Shopify themes, liquid, logos, and UX
Hello to all the Shopify community :-),
I need help for CSS coding on Pacific Theme -> I would like to change the text color of only one of my main navigation menu to highlight it.
The first "SMALL PRICES" navigation menu should appear in red rather than grey and also in the sidebar menu.
I tried to quibble with the code but nothing to do, the color does not change. I'm having trouble identifying my menu or placing my code incorrectly on my CSS stylesheet.
- Here is a link to my webshop: https://www.bel-arte.be
- Here is also a screenshot of my homepage below :
In advance a big thank you to whoever can help me on this 🙂
Jean-Louis
Solved! Go to the solution
This is an accepted solution.
Hi Jean-Louis!
This should solve it for you swiftly:
#shopify-section-header > div:nth-child(2) > div.main-header-wrapper > header > nav > ul > li.navmenu-item.navmenu-id-small-prices > a {
color: red;
}
#shopify-section-header > div:nth-child(2) > div.main-header-wrapper > div > div.site-mobile-nav.open > nav > ul > li.navmenu-item.navmenu-id-small-prices > a {
color: red;
}
Add it at the bottom of your theme.scss.css file please and let me know!
This is an accepted solution.
Oh sorry I thought you meant the mobile menu!
Here's the one for the sidebar:
body > div.main-content-wrapper > div.sidebar > div > ul > li:nth-child(1) > a {
color: red;
}
Let me know!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024