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..
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025