Change the color of a single navigation menu text - Sunrise theme

Solved
RichHG
Tourist
5 0 1

Hi there.

I have a collection titled "Bargain Bin" in my main menu sidebar navigator that I would like to stand out a bright red color on both desktop and mobile. I don't see solutions on this topic for the theme I use (Sunrise). Any ideas?

Website URL: https://hydrillagear.com/

dmwwebartisan
Shopify Partner
7308 1726 2302

@RichHG 

Please add the following code at the bottom of your assets/styles.scss.liquid file.

ul#side-menu li a[href*="bargain-bin"] {
    color: red;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1331 369 905

hello @RichHG 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 a[href="/collections/bargain-bin"]{
         color: red !important;
 }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
RichHG
Tourist
5 0 1

Unfortunately this did not work. 

I copy and pasted the code to the very bottom of the styles.scc.liquid file and hit "preview" but there were no changes. 

0 Likes
RichHG
Tourist
5 0 1

I do not see "theme.css" listed under my assets. There is "theme.js.liquid"

0 Likes
LamQSolutions
Pathfinder
106 24 34

You can paste the above code at the bottom of the file assets/styles.scss.css

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
0 Likes
RichHG
Tourist
5 0 1

Mine reads style.scss.liquid, not style.scss.css

0 Likes
Natztech
Shopify Partner
1331 369 905

This is an accepted solution.

hello @RichHG 

please insert this code bottom of  style.scss.liquid file 

a[href="/collections/bargain-bin"]{
color: red !important;
}
Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes