Motion Theme - Reduce space among section on Home page

Store Design
,
1

https://gravitatestore.myshopify.com/

Greetings!

I am having issue regarding too much space among section on home page(pc version). This is looking very awkward.

Please help me. I would be very grateful to u.

Thanks and regards.

Motion theme.JPG
Motion theme.JPG1599×785 41.7 KB

2

Hey @siku841

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1695278559606.png
Moeed_0-1695278559606.png879×662 269 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hi @siku841

You can reduce those space in Online Store > Themes > Edit code > Assets > theme.css or theme.css.liquid file, add this code to the bottom of your file

@media only screen and (min-width: 590px){
.index-section { margin: 20px 0 !important; }
}
4

Thank u soo much