Change color of link in navigation in debut theme

Solved
Highlighted
Excursionist
21 0 45

Hi,

I would like to change the "SALE" collection to red in debut theme. Can someone please assist?

 

www.decorfaure.com

 

Thanks a lot

0 Likes
Highlighted

This is an accepted solution.

Hello Decorfaure,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme-critical.scss.liquid

ul.primary-nav__items li:nth-child(6) a {
    color: red;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
21 0 45

Thank you very much

0 Likes
Highlighted
Excursionist
21 0 45

Hello, I just noticed that one of the menu items " hand made paintings" under the heading "Decor" has also changed color to red? How can I change this? I only want the SALE header to be red.

 

www.decorfaure.com

Thanks a lot.

0 Likes
Highlighted

This is an accepted solution.

Replace above code with

ul.primary-nav__items li.primary-nav__item:nth-child(6) a {
    color: red;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
21 0 45

Thank you very much.

0 Likes
Highlighted
Excursionist
21 0 45

Is it also possible to change in the mobile menu?

0 Likes
Highlighted

This is an accepted solution.

Add this css

ul.mobile-nav__items.o-list-bare li.mobile-nav__item:nth-child(7) a {
    color: red;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
21 0 45

Awesome! Thanks!

0 Likes