How to change the color of my SALE button to red in Flex theme

Solved
RobMoore007
Explorer
122 1 12

I need to change the sale button to color red on my main menu across the site. Can you please help?

https://auchterlonies-com.myshopify.com/

paswd; awskob

Regards
Rob Moore - NEWBY!!
0 Likes

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.css

.navbar-item.header__item.has-mega-menu:nth-child(10) a.navbar-link.header__link {
    color: red !important;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
RobMoore007
Explorer
122 1 12

 you so much

Regards
Rob Moore - NEWBY!!
0 Likes
MeganBee
New Member
5 0 0

This was really helpful for me as well! Would you be able to provide the same code for mobile? Thank you!

0 Likes

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
MeganBee
New Member
5 0 0

Hi there,

Absolutely, here it is: https://poppygifting.com/

 

Thank you!

0 Likes

Hello MeganBee,
Please share the screenshot of which menu color for mobile you want to change.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
RobMoore007
Explorer
122 1 12

Im not sure why im in this thread still..As I have sorted the issue

Regards
Rob Moore - NEWBY!!
0 Likes
MeganBee
New Member
5 0 0

Hi there - Sorry for the confusion, I'm making the changes in an unpublished theme, which you can preview here: https://ujgnxw2rp42z8y3j-48143532188.shopifypreview.com. I'd like to retain the styling of "The Gift Shop" in the mobile menu.

 Screen Shot 2021-05-17 at 6.41.17 AM.png

0 Likes

Add this css

.mobile-menu li.mobile-menu__list-item:nth-child(1) a {
    color: #F68D2E !important;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87