Reduce spacing between sections on Narrative Theme Home Page

Solved
Elisamama
New Member
2 1 0

I would like to change the spacing between the sections on the home page. Currently there is a fairly large gap between the sections and it looks awkward. I'd like to shorten that area up.  None of the posted solutions seem to work

 

site is : www.elisamama.com

0 Likes

Hello,
Please share the screenshot.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Elisamama
New Member
2 1 0

This is an accepted solution.

I found a solution that works for me provided on this thread

"if you want to control that spacing globally i.e. across the entire theme, all templates, sections etc. then you can edit following in your Assets / theme.scss.liquid file"

Go to about like 520 to find the below code

/*================ Section Vertical Spacing ================*/

$section-desktop-space: $gutter * 7;
$section-mobile-space: $gutter * 4;

Simply reduce the multipliers to whatever suits you best." 

0 Likes