How to reduce/increase spaces between sections in homepage?

You are here:
← All Topics
Table of Contents

In order to reduce spaces between sections in Plak theme homepage, please follow these steps :

For desktop
  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code => theme.scss.liquid
  • Find the following code:
$section-spacing: 50px;
  • You can change px(pixel) value according to your requirement ex : $section-spacing: 25px
For mobile
  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code => theme.scss.liquid
  • Find the following code in the file:
$section-spacing-small: 35px;
  • You can change px(pixel) value according to your requirement ex : $section-spacing-small: 20px;
  • Click Save
Click to rate this post!
[Total: 1 Average: 5]

Leave a Reply

Your email address will not be published. Required fields are marked *