FROM CACHE - en_header

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

Solved
RobMoore007
Shopify Partner
173 1 16

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
13309 2027 2593

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 11 (11)
oscprofessional
Shopify Partner
13309 2027 2593

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
RobMoore007
Shopify Partner
173 1 16

 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
13309 2027 2593

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
MeganBee
New Member
8 0 0

Hi there,

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

 

Thank you!

oscprofessional
Shopify Partner
13309 2027 2593

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
RobMoore007
Shopify Partner
173 1 16

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
13309 2027 2593

Add this css

.mobile-menu li.mobile-menu__list-item:nth-child(1) a {
    color: #F68D2E !important;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
MeganBee
New Member
8 0 0
Fantastic, that worked perfectly. Thanks so much!!
oscprofessional
Shopify Partner
13309 2027 2593

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing