How to reduce these spaces in my footer? (dawn theme)

[sunny96x]

I would like to make these two spaces smaller so that all the spaces look even in the footer:

  

website: https://shopstellory.com/products/sticky-inserts

[GTLOfficial · Accepted solution]

Hello @sunny96x 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-footer.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
.footer-block__image-wrapper {
margin-bottom: -3rem;
overflow: hidden !important;
}
.footer__content-top {
padding-bottom: 0rem;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Made4uo-Ribe]

Hi @sunny96x 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.footer-block__details-content.footer-block-image.center,
.footer-block.grid__item,
.footer-block.grid__item:first-child,
.footer-block__image-wrapper,
.footer-block__details-content {
    margin-bottom: 0 !important;
}

div.footer__content-top.page-width > div.footer__blocks-wrapper > div:nth-child(2) {
    margin-top: 0 !important;
}

.footer__blocks-wrapper.grid {
    margin-bottom: 0 !important;
}
}

And save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!