Impulse - Footer Promotions

Solved

Impulse - Footer Promotions

VA-Laurice
Shopify Partner
1 0 0

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

Accepted Solution (1)

Tal19
Shopify Partner
126 22 23

This is an accepted solution.

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;
}
Need Shopify Development, Customization, or POS Support? PM Me!

View solution in original post

Reply 1 (1)

Tal19
Shopify Partner
126 22 23

This is an accepted solution.

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;
}
Need Shopify Development, Customization, or POS Support? PM Me!