Re: How to create some space between my sections?

lufidawg · ‎01-09-2022

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

KetanKumar · ‎01-09-2022

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. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
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

KetanKumar · ‎01-09-2022

@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. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
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 · ‎01-09-2022

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

KetanKumar · ‎01-09-2022

@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. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
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 · ‎01-09-2022

Amazing man you're too good! Thank you!

KetanKumar · ‎01-09-2022

@lufidawg

its my pleasure to help us

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
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

Re: How to create some space between my sections?

How to create some space between my sections?

Community Blog Articles