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

Solved
RobMoore007
Shopify Partner
178 1 18

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!!
Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
13828 2104 2705

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. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Replies 11 (11)
oscprofessional
Shopify Partner
13828 2104 2705

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. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
RobMoore007
Shopify Partner
178 1 18

 you so much 🙂

Regards
Rob Moore - NEWBY!!
MeganBee
New Member
8 0 0

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

oscprofessional
Shopify Partner
13828 2104 2705

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. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
MeganBee
New Member
8 0 0

Hi there,

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

 

Thank you!

oscprofessional
Shopify Partner
13828 2104 2705

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

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
RobMoore007
Shopify Partner
178 1 18

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

Regards
Rob Moore - NEWBY!!
MeganBee
New Member
8 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

oscprofessional
Shopify Partner
13828 2104 2705

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. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
MeganBee
New Member
8 0 0
Fantastic, that worked perfectly. Thanks so much!!
oscprofessional
Shopify Partner
13828 2104 2705

Thanks for update.
If helpful then please Like and Accept Solution.

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant