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-footer’ 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
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-footer’ 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
Updated on: 03 / 12 / 2021