Remove Header and Footer from a certain page - Stilletto theme

Store Design
, ,

Topic summary

A user seeks to hide the header, footer, menu, and announcement bar exclusively on their product catalogue page (https://kiki-health.com/pages/product-catalogue).

Solution Approach:
Multiple respondents provided nearly identical CSS-based solutions:

  • Navigate to Online Store → Themes → Edit Code
  • Open the theme.liquid file
  • Insert custom CSS code before the closing </body> tag
  • Use conditional logic targeting the specific page handle: {% if page.handle == "product-catalogue" %}

Implementation Details:
The code uses CSS display: none to hide:

  • Header elements
  • Footer sections
  • Navigation menus
  • Announcement bars

Minor Variations:
Some responses suggest placing code after the opening <body> tag instead, though the majority recommend positioning before </body>. The core CSS selectors and conditional logic remain consistent across all solutions.

The discussion remains open with no confirmation from the original poster on which solution was implemented or successful.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I would like to remove the header, footer, Menu and announcement bar from this page only. https://kiki-health.com/pages/product-catalogue

Any help would be appreciated!

Thank you

Gina

1 Like
2

Hey @gina16

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if page.handle == "product-catalogue" %}

{% endif %}

RESULT

Moeed_0-1747146700449.png
Moeed_0-1747146700449.png1903×911 121 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

@gina16 - add this code to the end of your theme.liquid file before and check,

{% if page.handle == "product-catalogue" %}

{% endif %}
4

Hi @gina16 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code after

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

5

Hello @gina16

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.liquid and paste this at the bottom of the file:
{% if page.handle == 'product-catalogue' %}

{% endif %}
6

Hi @gina16
Please put this code in theme.liquid before body closing tag 

{%- if page.handle == 'product-catalogue' -%}

{%- endif -%}

Thanks!