Need help with homepage spacing/margins

Solved
Highlighted
Explorer
86 7 14

Hello,

I need help with homepage featured collections spacing. I'll explain it in pictures.

 

I want to increase spacing between the categories list and the next featured collection. Only for desktop, on mobile it's good.

12.png

 

 

 

 

 

 

 

 

 

I need to decrease the spacing between featured collections and its titles. For all featured collections on the homepage and only for mobile. On the desktop it's good.

Screenshot_20200828-162532.jpg

 

 

 

 

 

 

 

 

 

 

 

 

Thank you in advance!

0 Likes
Highlighted
Shopify Partner
2355 511 661

This is an accepted solution.

Hey @Dumax,

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
86 7 14

This is an accepted solution.

vileep.com

1 Like
Highlighted
Shopify Partner
2355 511 661

This is an accepted solution.

Hey @Dumax,

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

@media screen and (max-width: 768px) {
.index-sections .shopify-section { margin-top: 20px !important;}
.hr--small { margin: -10px auto !important;}
}

 

As you said this is for mobile only.

Let me know if this works for you.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
86 7 14

Thank you it worked!

 

How can I increase the size of this? Only on mobile.

11.png

1 Like
Highlighted
Shopify Partner
2355 511 661

Hey @Dumax,

Try this code:

@media screen and (max-width: 768px) {
.section-header { margin-bottom: 10px !important; }
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
86 7 14

It changes not only categories but featured collections spacing too. My categories list spacing is smaller than featured collections. I want them to be the same.

0 Likes
Highlighted
Explorer
86 7 14

Is there a way to increase spacing only for categories (collections) and not featured collections?

1 Like
Highlighted
Shopify Partner
2355 511 661

This is an accepted solution.

Hey @Dumax ,

Please try this for category spacing. Remove my old given code.

@media screen and (max-width: 768px) {
div#shopify-section-featured-collections .section-header { margin-bottom: 15px !important; }
}

 

Let me know if this works.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Explorer
86 7 14

It worked! Thanks

1 Like