Reduce gap between sections in home page

Solved
Hina_Agarwal
Explorer
48 0 15

Dear Team,

I am trying to reduce  the gap between the sections in homepage but i am not unable to do so. Request team to help me. URL: www.fruitopia.in

 

Hina_Agarwal_1-1618400178349.png

 

 

dmwwebartisan
Shopify Partner
5676 1294 1657

This is an accepted solution.

@Hina_Agarwal 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-index .index-sections .shopify-section {
margin-top: 30px !important;
}
@media screen and (min-width: 591px){
.template-index .section-header { margin-bottom: 20px !important; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Hina_Agarwal
Explorer
48 0 15

Thank You so much. It's perfect.