In this modern era, the appearance of online stores plays a pivotal role in increasing sales. It shouldn’t be taken lightly because prospects are likely to explore other options if they aren’t impressed with the look and feel of your store.

So, if you are encountering the issue of unwanted spacing in the header and footer of the pages created via Automizely Page Builder, here’s how to rectify it.

🔧 Steps to fix unwanted spacing from Shopify pages

Go to your Shopify store’s ‘Themes’ section > Click on the 'Actions' button and choose tap on the ‘Edit code’ option

Scroll down to your theme and follow the remaining steps:
For Debut theme

Navigate to the ‘Assets’ directory and then click on the theme.css
To delete spacing from the header, search for ‘main-content’ and delete those lines comprising padding-top


To delete spacing from the footer, search for ‘.site-top’ and delete the margin-top line


Hit the ‘Save’ button to let your changes come into effect
For Venture theme

Navigate to the ‘Assets’ directory and then click on the theme.scss.liquid
To delete spacing from the header and footer, search for ‘main-content’ and delete those lines comprising margin-top and padding-bottom


Hit the ‘Save’ button
For Supply theme

Navigate to the ‘Assets’ directory and then click on the theme.scss.liquid
To delete spacing from the header and footer, search for ‘main-content’ and delete those lines comprising padding-top and padding-bottom


Hit the ‘Save’ button
For Minimal theme

Note that you have to delete themes from two files to fix the spacing of the header.
Step 1: Navigate to the ‘Assets’ directory and then click on the theme.css file
Search for ‘main-content’ and delete the line comprising margin-top


Step 2: Now, go to the timber.scss.liquid file > Search for ‘main-content’ and delete the line comprising margin-top


To delete spacing from the footer:

Go to the theme.scss.liquid file and search for ‘main-content’ and delete the padding-top line


Hit the ‘Save’ button
For Brooklyn theme

Navigate to the ‘Assets’ directory and then click on the timber.scss.liquid file
To delete spacing from the header and footer, search for ‘main-content’ and delete those lines comprising padding-top and padding-bottom


If you feel the footer spacing is still looking odd, go to the theme.scss.liquid file → Search for ‘.hr--large’ and change the 2 of ($gutter * 2) between 0 and 1


Hit the ‘Save’ button

In case you are using any other theme than mentioned ones and facing the spacing issue, let our chat support team now
Was this article helpful?
Cancel
Thank you!