Change the color of the texts and icon on my header but not of the dropdown menu - DEBUT THEME

Solved
healhana
Explorer
55 0 20

Hi Shopify community

I would like to change the color of the text and icons on my header without changing the color of anything else such as the text on the dropdown menu. 

Can you help please?

URL is healhana.com

Thanks!

UmairA
Shopify Partner
872 85 173

Hey there @healhana,

Add the following code to your theme.css file (At the bottom)

#SiteNav > li > a, .site-header__icons-wrapper > button, .site-header__icons-wrapper > a {
color: red !important;
}

Change the value of color as per your requirements.

Hope it solves your issue.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
healhana
Explorer
55 0 20

Hi there

Thanks for your reply, this has nearly resolved it, please see image:

Screenshot 2021-04-26 at 19.47.44.png

The buttons that remained black have drop down menus when you click on them, can we change the color of the text on these three buttons to white but leave the color of the drop downs the same?

Thanks!

UmairA
Shopify Partner
872 85 173

This is an accepted solution.

Hey, again @healhana,

Add the following code instead of the one provided earlier

#SiteNav > li > a, #SiteNav > li > button, .site-header__icons-wrapper > button, .site-header__icons-wrapper > a {
color: white !important;
}

 

Don't forget to let me know if it solves the issue now.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
healhana
Explorer
55 0 20

It works, thank you so much!

UmairA
Shopify Partner
872 85 173

@healhana!

You are always welcome!

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes