In this article, you will learn how to remove the blank space on top of the page (the space between header and the first section) when you integrate a Shopify free theme, like Debut or Narrative with PageFly.
Step 1: Open Custom code editor
Step 2: Insert the custom code into the CSS section
Copy the code then paste them on the Custom CSS area.
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 page
When you use Narrative theme with PageFly, you may find the space at the bottom of the page.
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
If you have the same problems that these codes above cannot fix, please do not hesitate to contact us via the Live chat so we can support you.