Reducing White Space Between Sections

nmashopfounder
New Member
3 0 0

Hi,

Can you help me with the code needed to reduce the spaces between the first and second product listing at the beginning of my home page?

URL: www.nmashop.com

Password: eamaim

Thank you!

0 Likes
nmashopfounder
New Member
3 0 0

Also, is there a way to get the two products to appear side by side?

0 Likes
Jasoliya
Shopify Expert
4295 569 1071

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

.featured-product__wrapper{    padding-top: 50px;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
nmashopfounder
New Member
3 0 0

Thank you so much! That worked! Is there a way to get the two products to appear side by side?

0 Likes
VeronicaTeo
Tourist
15 0 2

Hi there,

I am having the same space/ padding problem on mobile. I have tried all the above options but still doesn't seem to work. I need less space between all sections.

My URL is https://letsevulve.com 

Please see screenshots for reference.

Thank you.

Screenshot 2021-07-02 at 11.29.30.pngScreenshot 2021-07-02 at 11.29.46.png

0 Likes
Jasoliya
Shopify Expert
4295 569 1071

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

.index-section{margin-top: 30px; margin-bottom: 30px;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
VeronicaTeo
Tourist
15 0 2

Hi,

Is this for mobile? (I only need the spacing changed for mobile)

Thank you,

V

0 Likes
Jasoliya
Shopify Expert
4295 569 1071

Then add this code:

 @media only screen and (max-width: 767px) {
       .index-section{margin-top: 30px; margin-bottom: 30px;} 
    }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Rasty
Excursionist
17 0 3

Hi @Jasoliya ,

could you please help me to reduce spaces between my all sections? My website is www.kyslikovo.sk

Thank you

0 Likes
Jasoliya
Shopify Expert
4295 569 1071

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

 @media only screen and (min-width: 750px){
.index-section {
    padding-top: 25px;
    padding-bottom: 25px;
}}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes