Footer Spacing Removing Issue Dawn theme

Shopify Discussion
1

hi, how can i remove these un-neccesary up and down spacing in my footer im using dawn theme 15.0

Untitled.jpg
Untitled.jpg1242×403 21.7 KB

2

Themes > Customize > Footer > Right Panel - Scroll at the bottom, you’ll find padding top / bottom

3

Hi @MinhajAhmed106

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.footer__content-top.page-width, {

padding-bottom: 0 !important;

}

.footer-block–newsletter.scroll-trigger.animate–slide-in {

margin: 0 !important;

}

.footer__content-bottom.scroll-trigger.animate–slide-in {

padding: 0 !important;

}

Additionally, you can use this code to center the icons here:

slider-component.slider-mobile-gutter .multicolumn-list {display: flex;justify-content: center;}

PageFlyHenry_0-1719531552838.png
PageFlyHenry_0-1719531552838.png1910×639 53.4 KB

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

Hello @MinhajAhmed106 ,

You can try this code; it will be helpful to you.

Go to the Online Store->Theme->Edit code->Assets->section-footer.css>add this code at the bottom of the file.

.footer__content-top {
    padding-bottom: 0 !important;
}
.footer__content-bottom {
    padding-top: 0 !important;
}