How do I remove the entire header on this page?

[empiricalarby]

https://empiricalwater.com/products/starter-kit

I’m trying to remove the Header section, which includes the logo (and the menu items on desktop)

No header should show, no matter what platform the user is on. Only applies to the page linked.

Much appreciated.

[BSSCommerce-HDL]

Hi @empiricalarby ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

{% assign full_url = request.host | append: request.path %}
{% if full_url contains '/products/starter-kit' %}

{% endif %}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[BSS-TekLabs]

Hi @empiricalarby ,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the theme.liquid file.

3, Paste the code snippet provided below right before the closing head tag, then save your changes.

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[empiricalarby]

That worked first try. Thanks!

Would you be able to edit the code to make it show only the cart button, and make it sticky?

Thank you

[BSSCommerce-HDL]

Hi @empiricalarby ,
Can you kindly share the details of your problem (screenshot) with us? We will check it and suggest you a solution if possible.

[empiricalarby]

I originally asked for the entire header to be removed. Your code did that perfectly, no complaints. But I realized it would be better on that particular page (https://empiricalwater.com/products/starter-kit) if the cart button were to remain in the header (as sticky) with all other header elements removed. So I want it to look like this:

Can you do that?

Thanks

[BSSCommerce-HDL]

Hi @empiricalarby , Pls remove my old code. This is new code for you:

{% assign full_url = request.host | append: request.path %}
{% if full_url contains '/products/starter-kit' %}

{% endif %}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[empiricalarby]

Nice, this is extremely close to what I’m looking for. Can you reduce the white space above and below the cart button and make it sticky?

I also noticed this issue when I added the item to cart. It looks fine on other pages, but on mobile it looks like this:

And on desktop it looks like this:

In both cases the cart quantity is missing. On mobile only, the placement of the red circle is not quite right.

Cheers