Solved

How can I reduce spacing between elements on Motion theme product page?

maddienails
Tourist
5 1 1

How do you reduce spacing between elements on the product page for the motion theme? The spacing between my sections is crazy and driving me crazy literally.

 

shop : https://890c79-d5.myshopify.com/

Accepted Solution (1)
maddienails
Tourist
5 1 1

This is an accepted solution.

I found the solution, I had to add .index-section { margin: 20px 0; } in the custom code section, hope that helps others folks!

View solution in original post

Replies 3 (3)

Hardik29418
Shopify Partner
2913 419 1080

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
@media only screen and (min-width: 590px) {
  .template-product .index-section {
     margin: 30px 0 !important;
  }
}
</style>

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
maddienails
Tourist
5 1 1

there are big spaces between my sections, how can I fix it

please

 Capture d’écran 2024-03-22 à 12.12.21.png

maddienails
Tourist
5 1 1

This is an accepted solution.

I found the solution, I had to add .index-section { margin: 20px 0; } in the custom code section, hope that helps others folks!