Impulse - Footer Promotions

Store Design
, ,
1

I need help with our footer promotions.

How can I make the images smaller on desktop and 3 columns on mobile.

Our store is billycartkids.com.au - the footer promotion is not visible on the homepage so please check it on other pages.

Thanks

Screenshot 2024-07-02 095415.png
Screenshot 2024-07-02 095415.png1581×977 139 KB

2

Try this css, you can customize it for your needs:

div#shopify-section-sections--15648957333636__footer-promotions {
    padding: 0 20px;
}

.grid.grid--flush-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
    max-width: 800px
}
div#shopify-section-sections--15648957333636__footer-promotions div{
    padding: 0;
    margin: 20px auto;
}