Change menu navigation text colour for 1 category not all parent menu text.

Solved
Highlighted
Tourist
11 0 1

Dear all

Is there a way to change the menu text colour for one category & not all the parent menu options please?

For example you may have Home, Prod 1, Prod 2, Sale, but you want Pro 2 to be RED & BOLD & not black as the other categories?

Cheers.

0 Likes
Highlighted

Hello BOT1,
Please share your site url.
So that i can check and let you know the exact solution here.

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
Tourist
11 0 1

Thanks its khtmeat.com, apologies...

1 Like
Highlighted
Shopify Partner
7507 1036 2600

@BOT1 

Thanks for URL.

can please guide which menu item (Manu item name) do you need special CSS

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 1

@KetanKumar 

Thanks, "marinated meat" to have a different colour for instance RED/BOLD.

Cheers

0 Likes
Shopify Partner
7507 1036 2600

This is an accepted solution.

@BOT1 

Thanks for details 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-nav li:nth-child(2) a {
    color: red;
    font-weight: bold;
}
.site-nav__dropdown a.site-nav__link {
    color: #000 !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 1

@KetanKumar 

Thank you - God bless You :)

0 Likes
Highlighted
Shopify Partner
7507 1036 2600

@BOT1 

Thanks

If helpful then please Like and Accept Solution.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 1

@KetanKumar 

If i want this on mobile & desktop view do i check the .mobile-nav_ ?

Sorry for bothering you again?

0 Likes
Highlighted
Shopify Partner
7507 1036 2600

This is an accepted solution.

@BOT1 

No Worries 

can you please add this code on mobile design.

.mobile-nav li:nth-child(2) a {
    color: red;
    font-weight: bold;
}
.mobile-nav__sublist a {
    color: #000 !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes