How to set all menu items to black

Store Design
, , , , ,
1

Hi, I need help setting the entire header to black (menu items, sub-items, and the currency selector).

Right now, it’s black, but when I’m in a specific section—for example, “HOME”—the color changes slightly. Also, the currency selector is always a different color.

How can I make everything black and ensure the color doesn’t change when I’m in a specific section?

Here’s my store URL: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

1 Like
2

Hey, I added the code to base.css as usual, but nothing changed. Everything looks the same. I checked it using F12.

3 
span.country {
color: #000 !important;
}
span.localization-form__currency.motion-reduce {
color: #000 !important;
}
#HeaderCountryForm>div:nth-child(5)>div:nth-child(2)>button:nth-child(1)>span:nth-child(1) {
 color: #000 !important;
}

#HeaderMenu-home>span:nth-child(1) {
color: #000 !important;
}

#HeaderMenu-products>a:nth-child(1)>span:nth-child(1) {
color: #000 !important;
}

#HeaderMenu-contact>span:nth-child(1) {
color: #000 !important;
}

#HeaderMenu-free-program>span:nth-child(1) {
color: #000 !important;
}

Copy

Paste it on style tag on theme.liquid

find
{% style %}

{% endstyle %}

If you need more help let me know, if it works , hit the like button & Accept as solution Thanks

4

Hi @CreatorTim ,

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:

header.header * {
    color: black !important;
    opacity: 1 !important;
}

Here is the result:

DaisyVo_0-1735692022114.png
DaisyVo_0-1735692022114.png1342×562 171 KB

Please let me know if it works!

Best,

Daisy

5
  • Here is the solution for you @CreatorTim
  • Please follow these steps:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. In theme.liquid, paste the below code before and press ‘Save’ to save it
  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
6

Works! Thank you so much.

1 Like
7

Glad to be of help. Have a nice day.