Hi everyone! Just wondering, is it possible to hide the page header just on this particular page? Appreciate the help!
Topic summary
A user asks how to hide the page header on a specific page of their Shopify store (the ‘find-us-2023’ page).
Solution provided:
- Navigate to Online Store → Edit Code → theme.liquid file
- Insert conditional code above the
</body>tag that checks if the current page handle matches ‘find-us-2023’ - If true, the code hides the header for that page only
Alternative approach mentioned:
- Use
template.suffixto check for specific page template names and conditionally hide the header
Outcome:
The original poster confirmed the solution worked successfully. The discussion is resolved.
Hey @thesummeracai
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
{% if page.handle == 'find-us-2023' %}
{% endif %}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Yes,
In code you can use template.suffix to check if template.suffix contain template page name that, you hide the header.
Thank you!
1 Like
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.