How to Remove Unwanted Spacing From Shopify Pages Created via AfterShip Page Builder
Plans: All plans Platforms: Shopify
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 facing unwanted spacing in the header and footer of the pages created via AfterShip Page Builder, here’s how to rectify it.
Go to your Shopify store admin
Move to the Themes section
Click Actions > Edit code
Scroll down to your theme and follow the remaining steps:
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 reflect changes
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 Save button
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 Save button
Yo have to delete themes from two files to fix the header spacing
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
Go to the theme.scss.liquid file and search for main-content and delete the padding-top line
Hit Save
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
Overview
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 facing unwanted spacing in the header and footer of the pages created via AfterShip Page Builder, here’s how to rectify it.
Steps to fix unwanted spacing from Shopify pages
Go to your Shopify store admin
Move to the Themes section
Click Actions > Edit code
Scroll down to your theme and follow the remaining steps:
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 reflect changes
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 Save button
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 Save button
Minimal theme
Yo have to delete themes from two files to fix the header spacing
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
Delete spacing from the footer
Go to the theme.scss.liquid file and search for main-content and delete the padding-top line
Hit Save
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: 05/10/2023
Thank you!