Remove gap

Solved
ZaDu
Explorer
69 0 22

Hello there is a gap between some sections on my store. I provided an attachment which visualises it. What is the coding to decrease the size of the gap? Thankyou

URL: https://zadulighting.com

Screen Shot 2021-03-09 at 10.37.50 pm.png

Pallavi
Shopify Expert
1116 146 178

Hello There,

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

footer.site-footer.critical-hidden {
margin-top: 0!important;
}

Screenshot :- https://prnt.sc/10h1cx6

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
5297 1224 1573

This is an accepted solution.

@ZaDu 

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

@media only screen and (min-width: 750px){
div#shopify-section-161268648330ba9dc4 { padding-bottom: 0px !important; }
.template-index .site-footer{ margin-top: 0px !important; }
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Natztech
Shopify Partner
387 95 181
#shopify-section-footer .site-footer{
margin-top: 0px !important;
padding: 0 !important;
}
Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com
Shopify Design Changes | Shopify Custom Theme Design and Development

Whatsapp :
0 Likes
ZaDu
Explorer
69 0 22

Hello. it worked thank you, except on my mobile store there is still a gap, how do fix this?

dmwwebartisan
Shopify Partner
5297 1224 1573

This is an accepted solution.

@ZaDu 

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

@media only screen and (max-width: 751px){
div#shopify-section-161268648330ba9dc4 { padding-bottom: 0px !important; }
.template-index .site-footer{ margin-top: 0px !important; }
}


Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes