Logo showcase in loop

Logo showcase in loop

JarnoBroekkamp
Excursionist
72 0 10

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

 

Image 09-07-2024 at 08.27.jpeg

Replies 4 (4)

Tal19
Shopify Partner
144 27 32

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

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.

 

Image 09-07-2024 at 09.32.jpeg

Tal19
Shopify Partner
144 27 32

have you added the css? i can't see it

Need Shopify Development, Customization, or POS Support? PM Me!
JarnoBroekkamp
Excursionist
72 0 10

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.