Reduce margin on homepage - Impulse Theme

Reduce margin on homepage - Impulse Theme

BranchesLLC
Visitor
1 0 0

Hi all,

 

We are on the Impulse theme and I would like to reduce the spacing between some of the sections on the homepage (aquabound.com). How would I go about doing this? Thanks in advance for your help!

ShopifySpacing.PNG

 

Reply 1 (1)

Van_Nguyen_GSG
Shopify Partner
161 23 44

Hi,

 

The margin between sections on large screen of your store is currently 75px. You can add this code to the bottom of the global CSS file  ('theme.css') You can replace 60px by your desired gap. And this is for homepage only (with CSS class 'body.template-index').

 

 

 

@media only screen and (min-width: 769px) {
  body.template-index .index-section {
    margin: 60px 0;
  }
}

 

 

 

 However, I think a better way is too add custom code to the theme so you would be able to adjust the spacing between sections using theme editor which is similar to Dawn theme.

Screen Shot 2024-03-29 at 10.26.26.png

Helping Shopify merchants build stores that convert.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- If you still need help, feel free to reach out to me at: van@glue.sg
Cheers!