Re: How to create some space between my sections?

Solved

How to create some space between my sections?

lufidawg
Excursionist
18 0 6

Working on the narrative theme, my online store is www.basatelier.com

 

Would like to create some space between my full bleed home image and the detail photo directly under it.

 

Any help would be much appreciated 

Accepted Solution (1)
KetanKumar
Shopify Partner
37133 3648 12061

This is an accepted solution.

@lufidawg 

yes remove first one and add this

@media only screen and (min-width: 750px) {
.template-index .main-content .shopify-section:first-child {margin-bottom: 50px;}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

KetanKumar
Shopify Partner
37133 3648 12061

@lufidawg 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

.template-index .main-content .shopify-section:first-child {margin-bottom: 50px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lufidawg
Excursionist
18 0 6

Thanks a lot it works great on desktop but is there a way to remove it from mobile?

KetanKumar
Shopify Partner
37133 3648 12061

This is an accepted solution.

@lufidawg 

yes remove first one and add this

@media only screen and (min-width: 750px) {
.template-index .main-content .shopify-section:first-child {margin-bottom: 50px;}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lufidawg
Excursionist
18 0 6

Amazing man you're too good! Thank you!

KetanKumar
Shopify Partner
37133 3648 12061

@lufidawg 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing