Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello all! I'm trying to figure out how to make my main page feature collection smaller in size. I have a couple more featured collections as well that needs resizing.
Also my collection list at the beginning with all the categories, only the drinks and theatre box are enlarged. I want them all in a single line, same size.
Please let me know, thank you! My website is snackbarcanada.ca
Solved! Go to the solution
This is an accepted solution.
Hey @Snackbarco
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
.slider.slider--desktop .slider__slide {
width: 15%;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @Snackbarco
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
.slider.slider--desktop .slider__slide {
width: 15%;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey Moeed,
it fixed that! Thank you! Do you know how to fix the collection list as well? Making them in 1 line with the same size? The drink and theatre box are to big and on a second line..
Shopify 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, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025