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.

What is the blank space on top look like

Step 1: Open Custom code editor

What is the blank space on top look like

Step 2: Insert the custom code into the CSS section

Get the code here

What is the blank space on top look like

Click Save Changes then Publish – it’s done!

Click Live view to see the page.

Extra tip: Remove the blank space at the bottom of the page

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

What is the blank space on top look like

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×