Skip to main content

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

    a. 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.

Related Articles
Did this answer your question?