Shopify themes, liquid, logos, and UX
Hi everyone,
To showcase the stores where our product is available, we use the logo list section. But they only showcase 3 per row, we want 4 to be showcased at all time but that it animates to showcase the others.
Url is www.ateliercharisma.com
Solved! Go to the solution
This is an accepted solution.
@JarnoBroekkamp - please add this css to the very end of your theme.css file and check
.section-stack .logo-list{grid: auto / repeat(4, minmax(0, 250px)) !important;}
This is an accepted solution.
- Here is the solution for you
- Please follow these steps:
- Then find the theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
.section-stack .logo-list {
grid: auto / repeat(4, minmax(0, 250px)) !important;
}
- Please add the above code to the last line of the theme.css file.
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
@JarnoBroekkamp - please add this css to the very end of your theme.css file and check
.section-stack .logo-list{grid: auto / repeat(4, minmax(0, 250px)) !important;}
Can u also help me get it right on mobile, that is animates instead of showcasing in 2 rows?
@JarnoBroekkamp - it will look too small
and if 3 are being showcased standard in an animation that after 5 seconds changes to the others?
This is an accepted solution.
- Here is the solution for you
- Please follow these steps:
- Then find the theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
.section-stack .logo-list {
grid: auto / repeat(4, minmax(0, 250px)) !important;
}
- Please add the above code to the last line of the theme.css file.
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Can u also help me get it right on mobile, that is animates instead of showcasing in 2 rows?
Shopify and our financial partners regularly review and update verification requiremen...
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