Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
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;
}
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025