Shopify themes, liquid, logos, and UX
Hi everyone,
To showcase the stores in which we are available, we want to showcase their logo's but we only want to show 4 standard on desktop and they are kind of in a loop, instead of another row below.
URL is www.ateliercharisma.com
open your theme code editor, search the file theme.css and add this css:
.logo-list {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.logo-list__item{
flex: 0 0 auto;
width: 250px;
margin-right: 10px;
text-align: center;
box-sizing: border-box;
}
That doesnt work, 4 logos needs to be showcased standard but the fifth has to be animated in a loop like we have on mobile but then with 4 showcasing the whole time.
have you added the css? i can't see it
No i want it in a loop, so an animated form in which 4 of the logos are being showcased standard an they take place for the fifth over and over.
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