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