How to fix the font being white in the header options?

[lontessa]

How to fix the font being white in the header options? It's black for the other pages!

Website URL: https://1rzd08-i0.myshopify.com/ 

Password: riatri

[rajweb]

Hey @lontessa ,

If the font color in the header options is white only on certain pages of your Shopify store and black on others, it may be due to conflicting CSS or specific page settings. Here's how you can troubleshoot and fix it:

Follow these steps:

1. Online Store 

2. Themes 

3. Edit Code

4. Open base.css (or the equivalent CSS file for your theme).

5. Paste your code at the end of the file for easy management:

6. 

.header__menu-item span {
    transition: text-decoration var(--duration-short) ease;
    color: black;
}

Result:

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma

[DaisyVo]

Hi @lontessa ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

nav.header__inline-menu * {
    color: black !important;
}

Here is the reuslt:

Please let me know if it works!

Best,

Daisy