Make header normal on pages

[Daniel19901]

hi, I would like to make my header normal for all pages besides the homepage. Currently it is transparent for all and it covers the headers of the pages

https://cl1jel0t3jrh2phm-51658555567.shopifypreview.com

[Asad-Mahmood]

Do you want to make the header background to blue on all pages except the home page ?

[Daniel19901]

@Asad-Mahmood white and all the menu items black 

[Asad-Mahmood]

Go to your online store -> edit code -> theme.liquid file and paste the code in the end 

{% unless template == 'index' %}
  <style>
    .header-wrapper {
        background: #fff !important;
    }
    #shopify-section-sections--18213256528130__header a, 
    #shopify-section-sections--18213256528130__header span, 
    #shopify-section-sections--18213256528130__header p {
        color: #000;
        text-shadow: 2px 2px 4px rgb(153 147 147 / 90%);
    }
  </style>
{% endunless %}

[Dan-From-Ryviu]

Hi @Daniel19901 

Please wrap the code that you added to make a transparent header in to this code 

{% if template == 'index' %}

{% endif %}

So your code will look like this 

{% if template == 'index' %}
.header-wrapper {
    background: transparent !important;
    position: absolute !important;
    width: 100% !important;
    top: 0px;
}
{% endif %}

[Daniel19901]

worked like magic!!! thank you!!

Is there a way to make the text and icons black when not transparent ?

https://cl1jel0t3jrh2phm-51658555567.shopifypreview.com