Why isn't my navigation button color changing on my smartphone?

Solved

Why isn't my navigation button color changing on my smartphone?

scentsnsecrets
Excursionist
12 0 3

I want to change the Color of my sale button and I have succeeded in it but it's only changing on my laptop screen, not on my smartphone.
Please, someone can resolve this issue for me
Thanks

 

#SiteNav > li:nth-child(1) > a > span {
    font-weight: bold;
  color: red;
}
Accepted Solution (1)

Zworthkey
Shopify Partner
5581 642 1575

This is an accepted solution.

Hii, @scentsnsecrets 
Paste this code on top of the theme.scss file.

li.mobile-nav__item.border-bottom:nth-child(1) a span {
    color: red !important;
}

Thank You.

View solution in original post

Replies 7 (7)

Ninthony
Shopify Partner
2332 350 1034

You likely have a different navigation for mobile and desktop, can you share a link?

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄
scentsnsecrets
Excursionist
12 0 3
Dear, thanks for your reply here is my online store link
https://scentsnsecrets.com/

Zworthkey
Shopify Partner
5581 642 1575

Hii, @scentsnsecrets 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

scentsnsecrets
Excursionist
12 0 3

Zworthkey
Shopify Partner
5581 642 1575

This is an accepted solution.

Hii, @scentsnsecrets 
Paste this code on top of the theme.scss file.

li.mobile-nav__item.border-bottom:nth-child(1) a span {
    color: red !important;
}

Thank You.

scentsnsecrets
Excursionist
12 0 3

Thank for your help, it really works for my smart phone now

wearochre
Visitor
1 0 0