Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Too much spacing between featured collections on Craft Theme

Solved

Too much spacing between featured collections on Craft Theme

GiudFabri123
Excursionist
29 0 5

Hello Everyone, Hope this message finds you well.
Can someone help, I find there is too much empty/ free spacing between each featured collections on Craft

 

 

theme - Mobile version. Spacing.png

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
9079 2169 2678

This is an accepted solution.

PLease, check it again I did some change on the code. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 7 (7)

Rahul_dhiman
Shopify Partner
658 128 134

Hello @GiudFabri123 

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.section+.section {
margin-top: 2rem !important;
}

result
14.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
GiudFabri123
Excursionist
29 0 5

sadly it's not working 

Made4uo-Ribe
Shopify Partner
9079 2169 2678

Hi @GiudFabri123 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

 

@media only screen and (max-width: 749px) {
  .section + .section {
    margin-top: 20px !important;
  }
}

 

 

And Save. 

Result:

Made4uoRibe_0-1728391091787.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
GiudFabri123
Excursionist
29 0 5

sadly it's not working  

Made4uo-Ribe
Shopify Partner
9079 2169 2678

This is an accepted solution.

PLease, check it again I did some change on the code. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
GiudFabri123
Excursionist
29 0 5

It worked - i just reduced the 'PX' to make it smaller! thank you!

Made4uo-Ribe
Shopify Partner
9079 2169 2678

Yes, you can do that. Welcome! Would you mind hitting 'like' as well? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.