How can I reduce the size of the dawn theme footer on desktop view?

Store Design
, , ,
1

Hello, community!

I’m trying to change the size of the footer for ONLY desktop view, the size of the letters is too big and it is not aesthetic (both heading and links). Is there a way to make it smaller? is it possible to reduce also the space between each column?? some space I will add some images for reference. Also, note I’m using dawn 7.0 not the updated version (doesn’t work with my custom code :joy: ) Thank you in advance!

Screenshot 2023-02-22 at 11.00.51.png
Screenshot 2023-02-22 at 11.00.51.png2858×1438 274 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hi @vellatore ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

@media screen and (min-width: 1200px) {
    .show-all-devices .page-width {
        padding-bottom: 15px;
    }
    .section-footer-padding {
        padding-top: 15px;
    }
    .footer-block__heading {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .footer-block__details-content .list-menu__item--link,
    .footer-block__details-content {
        padding: 0 !important;
        font-size: 1.3rem;
    }
    .footer-block--newsletter {
        margin-top: 10px;
    }
}

I hope it would help you
Best regards,

Richard | PageFly