Deleting the spacing/margin in the footer (Debut theme)

Solved
Tourist
17 0 1


Hi, 

 

I'd love to delete the space in the footer and only leave an equal 10px on the top/bottom. 

 

This is my website and I'm using the Debut Theme. 

 

www.milugal.com

 

Do anyone has an idea on how to do it?

 

Best and have a nice day

 

 

 

Spacing on the footer.JPG

0 Likes
Highlighted
Shopify Partner
1129 90 138

Hi @fansse ,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 750px){
.site-footer {
margin-top: 0;
padding: 35px 0 0 0;
}
.site-footer .grid.grid--no-gutters.small--text-center {
padding: 10px 0;
}

}

 

if any issue let m know

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
Tourist
17 0 1

Hi Perennial, 

 

Thank you for you feedback, I appreciate it!

 

With the solution you provided, the top part is perfect. However, there's still a spacing on the bottom part of the footer. 

 

Do you have any ideas why?

 

Best :) 

 

Bottom footer.JPG

0 Likes

Success.

Hello @fansse,

Add below css in theme.scss file

.site-footer__item.site-footer__item--center {
	margin-bottom: 0;
}
.site-footer .site-footer__item-inner .h4 {
	margin-bottom: 10px;
}
.site-footer .site-footer__hr {
	margin-top: 7px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
17 0 1

THANK YOU!

 

Thanks to the both of you!

 

It worked :) :) :)

0 Likes

Success.

Shopify Partner
1129 90 138
Hi ,

Glad that it solved your problem. Please feel free to reach out for any further changes.
Please like and the mark the solution as accepted so that it can help others as well.
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like