Change the logos from stack to carrousel/slide

arivon
Excursionist
26 0 5

Hey guys! i need your help 

How can i make this section in mobile a slider / carrousel instead of stacked? I have the honey theme and this block is named "Logo Banner" 

Is there any CSS ¿?

arivon_0-1715253914233.png

 

Replies 2 (2)

BSSTech-Venture
Shopify Expert
480 119 137

Hi @arivon ,

 

You can follow these steps so that the banner logo will be a slider on mobile:

 

1. Navigate to Online store => Themes => Customize

 

2. Open the banner logo editor and add CSS code to the Custom CSS section

 

view (2).png

 

@media only screen and (max-width: 767px) {
  .logo-banner ul {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 16px;
  }
  .logo-banner ul::-webkit-scrollbar {
    height: 7px;
    background-color: #616162;
    border-radius: 10px;
  }
  .logo-banner ul::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
  }
  .logo-banner ul li {
    padding: 0px;
    margin-right: 10px;
  }
  .logo-banner ul li img {
    max-width: 400px;
  }
}

 

This is the result

 

view (3).png

 

Hope this will help!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

arivon
Excursionist
26 0 5

Hello! Thank you very much. It is working but i need to take out the horizontal bar. is this posible?