Shopify themes, liquid, logos, and UX
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 ¿?
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
@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
Hope this will help!
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Hello! Thank you very much. It is working but i need to take out the horizontal bar. is this posible?
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify 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, 2025