Different header color on main page than other pages

Shopify Discussion
1

I’m having a problem with changing the color of the header on main page.

It should be black and is still white

It’s happening only on main page.

I attach the screenshot below

white.png
white.png1900×873 281 KB

2

Hello,

What is your store url?

Thanks.

3

Hello @vlasom ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

4

Hi, here is my store url

https://vlasom.myshopify.com/

5

Hi, here is my store url

I think it’s not password protected

https://vlasom.myshopify.com/

6

It is password protected.

7

Sorry,

The password is: aocheu

8

Hello Vlasom,

You main page header is getting white color. Here is what you can do to fix it.

  1. From main shopify page, click the three dots and select edit code.

  2. From left side panel window go to Assests --.base.css.

  3. Paste the below code at the bottom of your file.

.header__menu-item, .header__active-menu-item, .header__icon {

color: black !important; }

  1. Save and exit.

Note:-Always keep a backup your theme when editing code files.

Hopefully this solves the issue for you. Let us know if there is still any issue.

Thank you.

9

Thank you,

It really fixed the problem,

Unfortunately the icons on the right side are still white.

Do you know how to fix it?

Best regards

10

I am sorry. Just missed an " s ". Just add an s at the end of .header__icon. It should read as " .header__icons ". Paste the full code again.

.header__menu-item, .header__active-menu-item, .header__icons {

color: black !important; }

Please like and accept as solution, if you issue is resolved. Feel free to contact if you any other help with design.

Thank you.