# Hide Shopify Header toggle not working

**URL:** <https://forum.builder.io/t/hide-shopify-header-toggle-not-working/1876>\
**Category:** Technical Questions\
**Created:** [March 8, 2022, 12:20am UTC](https://forum.builder.io/t/hide-shopify-header-toggle-not-working/1876 "2022-03-08T00:20:19Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ashinn](https://avatars.discourse-cdn.com/v4/letter/a/0ea827/32.png) [@ashinn](https://forum.builder.io/u/ashinn)\
**Post date:** [March 8, 2022, 12:20am UTC](https://forum.builder.io/t/hide-shopify-header-toggle-not-working/1876/1 "2022-03-08T00:20:19Z")

</div>

Hi Builder Forum Crew,

I’m building a landing page and I want to hide the Shopify header. I’ve flipped the ‘Hide Header and Footer’ toggle. The page content has slid up, but the header is still visible. See attached screenshot.

Can you help me hide the header on this landing page?  
Thank you,  
Aaron

**Builder content link**

> **[Builder.io: Drag and drop page builder and CMS](https://builder.io/content/9ee1032ea31d4561aa71c85f988aa736)**
>
> Build and optimize digital experiences for any tech stack, visually.

**Builder public api key**  
a85597503ff147029c3ef992cac7078b

 ![Screen Shot 2022-03-07 at 4.16.33 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/5/59b3a994adf1fd786ee0c9634485b118f643b095.jpeg)

---

<div class="post-metadata">

**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\
**Post date:** [March 8, 2022, 12:49am UTC](https://forum.builder.io/t/hide-shopify-header-toggle-not-working/1876/2 "2022-03-08T00:49:24Z")

</div>

Hi Aaron, using the ‘Hide Header and Footer’ toggle will add `{ display: none !important; }` to the `<header>` and `<footer>` HTML tags in the css stylesheet for the page. This isn’t working on your page because your header doesn’t use the `<header>` tag.

To hide your header, you can add `.site-header { display: none !important; }` to the page’s stylesheet. To do this, click on the data tab in your editor, then click the “Edit Content JS + CSS” button, and paste the code into the CSS box.

---

<div class="post-metadata">

**Author:** ![ashinn](https://avatars.discourse-cdn.com/v4/letter/a/0ea827/32.png) [@ashinn](https://forum.builder.io/u/ashinn)\
**Post date:** [March 9, 2022, 12:43am UTC](https://forum.builder.io/t/hide-shopify-header-toggle-not-working/1876/3 "2022-03-09T00:43:02Z")

</div>

Brilliant! Thank you so much!