Sleek Theme - Transparent Header on all pages

Shopify Discussion
1

Hello, I’m using the Sleek theme for my site and would like a transparent header for all my pages (not just the homepage). Can somebody please help by providing the code and instructions on where to place it?

Thanks very much in advance!!

2

Hi @AM66 , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

3

Hi @AM66

Kindly share with me the store URL

Best,

Daisy

4

thank you, it’s fansycake.com with password: milday

Currently the homepage has a transparent header, but I’d like the remaining pages to all have a transparent header - thank you!

5

thank you, it’s fansycake.com with password: milday

Currently the homepage has a transparent header, but I’d like the remaining pages to all have a transparent header - thank you!

6

HI @AM66

In order to fulfill your request, please follow these steps

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above 

{% if template.name == "index" %}
{% style %}
header.header {
    background: transparent !important;
}
main#MainContent {
    margin-top: -110px !important;
}
.header:before {
    background: transparent !important;
}
{% endstyle %}
{% endif %}

Here is the result: https://prnt.sc/EoGWgVLx7Squ

I hope this helps :heart:

Best,

Daisy

7

Hi Daisy, thanks for your help. Unfortunately that didn’t work - this is my screenshot of the code - have i made an error?

Theme.liquid.png
Theme.liquid.png1510×854 46.4 KB

8

HI @AM66

Please try again with this code

{% if template.name != "index" %}
{% style %}
header.header {
    background: transparent !important;
}
main#MainContent {
    margin-top: -110px !important;
}
.header::before {
    background: transparent !important;
}
{% endstyle %}
{% endif %}

Best,

Daisy