Changer header on a specific page ONLY

Shopify Discussion
,
1

Hi,
Can you help me with changing header on a specific page of the store please ?
When I try to hide it on the page, it disappears in the whole website.

Thank you for you help,
Ornella

2

Send me the page link that you want to hide header.

3

Hi @Ornie

Can you send me the link page that you want to hide the header please? Thank you

1 Like
4

HI, Here it is : https://troisforall.com/pages/black-friday-premium

1 Like
5

HI, Here it is : https://troisforall.com/pages/black-friday-premium

6

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code

{% if page.id == 135970554198 %}

{% endif %}
7

Hi again,

You can follow the instruction here:

  1. Go to Shopify > theme > edit code.

  2. Navigate to theme.liquid file > add the code to above tag.

I hope it helps.

{% style %}
{% if page.id == 135970554198 %}
header { display: none !important; }
{% endif %}
{% endstyle %}
8

Thank you very much. It worked for header :slightly_smiling_face: Can I do the same to remove “announcement bar” ?

9

Thank you very much. It worked for header

Can I do the same to remove “announcement bar” ?

10

Hi, to remove the announcement bar, you can add this code to right below the code above. You can click enter to continue to add to below.

.announcement-bar {
    display: none;
}
11

Please update the code

{% if page.id == 135970554198 %}

{% endif %}