Logo showcase in loop

Logo showcase in loop

JarnoBroekkamp
Excursionist
58 0 6

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 5 (5)

Tal19
Shopify Partner
126 22 24

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
58 0 6

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
126 22 24

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

Need Shopify Development, Customization, or POS Support? PM Me!

chintannyalwani
Shopify Partner
18 4 3

Hi @JarnoBroekkamp 

Do you want to show the logos like below ?

IMG_20240709_125923.jpg

If yes then add the below code in theme.liquid file

Go to theme -> edit code -> search for the file theme.liquid

chintannyalwani_2-1719854986199.png

Add the below code above </head> tag

 

<style>

.section-stack .logo-list {
display: block !important;
}

</style>

 

 

If my assistance was helpful to you, please consider liking and marking it as a solution to facilitate easy access for others.

Thank you

Need help in Theme customization? Chat on WhatsApp.



Store Customization | Feature Enhancement | Shopify Development Service
JarnoBroekkamp
Excursionist
58 0 6

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.