I want to remove the header from this policy page and also from other pages:
Topic summary
A user seeks to remove the āterugbetalingsbeleidā (refund policy) header from their Shopify storeās policy pages.
Initial Solutions Provided:
- Multiple contributors offered CSS-based approaches to hide the header using conditional logic for policy pages
- Code snippets were shared to be added in the theme.liquid file before the closing
</body>tag
Implementation & Follow-up:
- The user successfully removed the header using provided code
- A new issue emerged: the content now sits too close to the top of the page without adequate spacing
Spacing Solutions Offered:
- Contributors suggested adding CSS to create whitespace by targeting
.shopify-policy__containerwith top margin (50px recommended) - Alternative approaches included hiding
.shopify-policy__titlevia display:none and adjusting container margins - Specific placement instructions provided: add code in theme.liquid file or base.css/style.css files
Status: The header removal is complete; spacing adjustments are being implemented to improve visual layout.
Hi @Treasora
I hope you are doing well
To hide header from all policy pages
Please put this code in theme.liquid before body closing tag
{% if request.page_type == 'policy' %}
{% endif %}
Thanks!
Hi @Treasora
Please, share your store URL. Thanks!
pandorable.nl
pandorable . nl
Hey @Treasora
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
RESULT:
If I managed to solve your problem then, donāt forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thanks Moeed, the header has dissapeared!
Is it possible to have a little bit of white space because now it looks like this:
Thanks for the info, check this one.
- From your Shopify admin dashboard, click on āOnline Storeā and then āThemesā.
- Find the theme that you want to edit and click on āActionsā and then āEdit codeā.
- In the āAssetsā folder, click on ābase.css, style.css or theme.cssā file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.shopify-policy__title {
display: none;
}
.shopify-policy__container {
margin-top: 50px;
}
- And Save.
- Result:
Please donāt forget to Like and Mark Solution to the post that helped you. Thanks!
before the word
Hi @pawankumar ,
Please go to Actions > Edit code > Layout > theme.liquid file and add code here:
Code:





