Shopify themes, liquid, logos, and UX
Can someone help me make my carousel for logos look like this sites "In the Press" section - https://dissh.com/
So smaller and all show on desktop, but then be carousel on mobile (and smaller).
Here is my site - https://myhaveli.com/
Hi @Nadine10,
You can follow these steps
1. Open Online Store > Theme > Edit Code
2. Find and open the base.css (or theme.css, custom.css) file
3. Paste the code snippet below at the bottom of the file and hit save
.flickity-slider {
transform: none !important;
gap: 15px !important;
overflow: scroll !important;
}
.flickity-slider .gallery__slide.carousel__slide {
position: static !important;
padding: 20px !important;
}
.flickity-slider .gallery__slide.carousel__slide .gallery__image {
min-width: 90px !important;
max-width: 120px !important;
margin: 0 auto !important;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.flickity-slider::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.flickity-slider {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
Here is the result
Hope this helps you solve the issue.
Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025