To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Color changing of Navigation button

Solved
scentsnsecrets
Tourist
9 0 2

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)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1529

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 6 (6)
Ninthony
Shopify Partner
2283 345 973

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 😄
Zworthkey
Shopify Partner
5581 642 1529

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

scentsnsecrets
Tourist
9 0 2
Dear, thanks for your reply here is my online store link
https://scentsnsecrets.com/
Zworthkey
Shopify Partner
5581 642 1529

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
Tourist
9 0 2

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