Change the logos from stack to carrousel/slide

Store Design
, , ,
1

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
arivon_0-1715253914233.png855×1395 59.2 KB

2

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
view (2).png1906×897 195 KB

@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
view (3).png400×779 98 KB

Hope this will help!

3

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