Make header normal on pages

Store Design
, , ,
1

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

2

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

3

@Asad-Mahmood white and all the menu items black

4

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

{% unless template == 'index' %}
  
{% endunless %}
1 Like
5

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 %}
1 Like
6

worked like magic!!! thank you!!

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

https://cl1jel0t3jrh2phm-51658555567.shopifypreview.com