Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
https://selecttrendsboutique.com/
I want to change the main menu item Holiday to red and bold. I used the impulse theme. I would like to do this for both mobile and desktop.
#SiteHeader>div.page-width>div>div.header-item.header-item--navigation>ul>li:nth-child(3)>a, #Label-collections-holiday3{
font-weight: bold;
}
Hi @gennypoteet ,
Copy this code into the js file on your theme:
<!-- desktop --> $('.site-nav.site-navigation.small--hide > li:nth-child(3) > ul > li > a').css({ 'background-color': 'red', 'font-weight': 'bold' }); $('.site-nav.site-navigation.small--hide > li:nth-child(3) > ul').css({ 'background-color': 'red', }); <!-- mobile --> $('.mobile-nav.mobile-nav--heading-style > li:nth-child(3) > div#Linklist-collections-holiday3').css({ 'background-color': 'red', }); $('.mobile-nav.mobile-nav--heading-style > li:nth-child(3) > div#Linklist-collections-holiday3 ul li a').css({ 'font-weight': 'bold' });
Hope it helps @gennypoteet
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025