Articles on: Getting Started

How to Remove Unwanted Spacing From Shopify Pages Created via AfterShip Page Builder

Plans: All plans Platforms: Shopify

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





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

Was this article helpful?

Share your feedback

Cancel

Thank you!