How do i have white font on header/shipping/search icons for homepage only? Dawn theme

[brokenbannaba]

In addition to this, how do I have a white logo for homepage only aswell. Thank you!

[GemPages]

Hello @brokenbannaba 

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

To provide you with the most precise solution in this case, could you please share the store link?

[brokenbannaba]

sublimesnkrs.com

baurti

[GemPages]

@brokenbannaba 

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

{% if template contains 'index' %}
<style>
 #shopify-section-header .header__icons *,
    #shopify-section-header nav.header__inline-menu ul.list-menu--inline > li header-menu span,
 #shopify-section-header nav.header__inline-menu ul.list-menu--inline > li  header-menu svg,
    #shopify-section-header nav.header__inline-menu ul.list-menu--inline > li > a span,
    #shopify-section-header nav.header__inline-menu ul.list-menu--inline > li > a{
       color: #ffffff;
    }
     #shopify-section-header nav.header__inline-menu ul.list-menu--inline > li header-menu path{ fill: #ffffff;}
  </style>
{% endif %}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[brokenbannaba]

Thank you so much, would you be able to help me get a white logo for homepage only too?

[brokenbannaba]

hey @GemPages i came across a problem as the text in the dropdown under "sneakers" appears white. Is there any way to fix this? 

[GemPages]

@brokenbannaba 

I checked that 1 of the code you added previously affects

you can delete this code and add my code above

[brokenbannaba]

Hey, i can't find where this is?

[PageFly-Victor]

About the logo color change issue I think you should use another white logo if using css code your logo will look weird

[brokenbannaba]

if i do that, once i go to a different page you can't see the logo because it blends in with the back.

[brokenbannaba]

@GemPages  where do i find this code?

[PageFly-Victor]

Hi @brokenbannaba 

You can try this code by following these steps:
Go to Online store => themes => actions => edit code  and add this code on file theme.liquid

{% if template.name == "index" %} 
{% style %}
.header__menu-item{
color: red;
}
.header__active-menu-item{
color: red !important;
}
{% endstyle %}
{% endif %}

Hope this answer helps.
Best regards,
Victor | PageFly