Make header text color white but dropdown menu text black

Make header text color white but dropdown menu text black

Luc1234
Tourist
12 0 1

Hello I want the header text white but I want that the dropdown menu text stays black. 
Website: designyourcase.nl
password: voetbal

It would be nice if someone has the solution.

Replies 6 (6)

nidhidhiman004
Shopify Partner
88 6 8

HI @Luc1234 

 

I checked your website but there the text colour in Haider is already white and in Draupadi it is black. Can you tell me which one you want exactly?

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Luc1234
Tourist
12 0 1

So the color is gray dull/white dull and I would like it to be full white.

nidhidhiman004
Shopify Partner
88 6 8

Okay

add this css on base.css

a.header__menu-item span {
color: #fff;
}
a.header__menu-item.list-menu__item {
color: #000;
}

 

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
nidhidhiman004
Shopify Partner
88 6 8

Hi @Luc1234 

 

Try this css

 

a.header__menu-item span {
color: #fff;
}
a.header__menu-item.list-menu__item {
color: #000;
}

 

i hope it would be helpful

 

Thanks And regards

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Luc1234
Tourist
12 0 1

Hello,
It worked but now iPhones is black

Luc1234_0-1728388140992.png

 

Made4uo-Ribe
Shopify Partner
10096 2398 3030

Hi @Luc1234 

Check this one.

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
header-menu summary#HeaderMenu-iphones a {
    color: white !important;
}
header-menu summary#HeaderMenu-iphones a:hover {
    color: white !important;
}
.header__active-menu-item {
  color: rgb(var(--color-foreground)) !important;
}
</style>

 

And Save. 

Result:

Made4uoRibe_0-1728394807604.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.