Remove the blank space on top of the page

In this article, you will learn how to remove the blank space on top of the page when you integrate a Shopify free theme, like Debut or Narrative with PageFly.

Step 1: Open Custom code editorClick to copy

Step 2: Insert the custom code into the CSS sectionClick to copy

Get the code here

Click Save Changes then Publish – it’s done!

Click Live view to see the page.

You can consult this video to know details about how to remove the blank space on the top of the page as well as other related issues to the theme conflict

Extra tip: Remove the blank space at the bottom of the pageClick to copy

When you use Narrative theme with PageFly, you may find the space at the bottom of the page.

What is the blank space on top look like

All you need to do is copy the code below, paste it into the Custom code editor and update the design.

Get the code here

For the Debut theme, you can use this code and add it to the Custom CSS section of the Custom code editor.

For other themes, if you have the same problems, please do not hesitate to contact us via the Live chat so we can support you.

You can consult more issues through the video below

Thank you for your feedback!

Navigate this category

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!