Remove gap

[ZaDu]

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

 

 

[Pallavi]

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

[dmwwebartisan · 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! 

[Natztech]

#shopify-section-footer .site-footer{
margin-top: 0px !important;
padding: 0 !important;
}

[ZaDu]

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

[dmwwebartisan · 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!