How to change header section text color?

Technical Q&A
,
1

website: hallyuapparel.com

Hello,

How can I change the text color of my header (besides my logo) to black?

image
image3202Ă—198 21.1 KB

2

so you want to change the navigation color in to black right

3

Hello @HallyuApparel,

I hope you are well!

Can you please confirm if you would like to keep the logo only to show? If yes, than you need to add the new logo. The logo and text are together in image.

4

Sorry for the confusion. I meant the different pages of my website. So on the left, Contact Us, Shop, About Us, etc. How can I change that color? It seems like on the main page it’s set to white.

5

Yes, I want the Contact Us, Shop, About Us, to be able to change in color.

6

ok will you plz tell me what color do you want to change

7

I want to make them black. Because im trying to experiment with different colors for the header and I want the header color to be white.

8

It’s easy brev. In your theme editor, select the header. On the left hand side you will see Color Scheme. Select a color scheme or create a new one. There are also many great and easy to follow tutorials on Google, YouTube, Shopify Help, and even this Community Search function.

9

Hi HallyuApparel,

simply create new color scheme and select it for header section

10

Hello @HallyuApparel Merchant

you can easily change the header text color (menu links, icons, etc.) through your Shopify theme editor or custom CSS — here’s how:

Option 1: Via Theme Editor (no code)

  1. Go to your Shopify Admin → Online Store → Themes.

  2. Click Customize on your current theme.

  3. In the top dropdown, select Header.

  4. Look for the Text color or Menu color setting and set it to black (#000000).
    → Save your changes.

Option 2: Using Custom CSS (if your theme doesn’t have that setting)

  1. Go to Online Store → Themes → Customize → Theme settings → Custom CSS (or “Edit code”).

  2. Add the following code snippet:

.header__menu a,
.header__submenu a,
.site-header__link {
color: #000000 !important;
}

  1. Save and refresh your site.

:warning: If your header background is already dark, make sure to adjust either the background or the link color so the text stays readable.

If you’d like, I can also help you pinpoint the exact class names used in your theme (since each theme differs slightly) — just tell me which theme you’re using.

Best regards Rafael