Can anyone help me, how to make it
Topic summary
A user wants to enable horizontal swipe functionality for product collections on mobile devices, sharing a reference image of the desired behavior.
Solutions provided:
-
Disable “Stack products” option: Navigate to Online Store > Themes > Customize > Featured Collection settings and turn off the “Stack products” toggle, which currently forces vertical stacking on mobile.
-
CSS override method: Add custom CSS code to
assets/theme.cssthat forces scrollbar buttons to display on mobile screens (max-width: 699px), enabling horizontal scrolling. -
Theme customization settings: Access the Featured Collection tab in the theme customizer to adjust display options directly.
The store in question is 24builds.com. Multiple community members offered different approaches, with the “Stack products” toggle being the most straightforward solution for enabling swipe/horizontal scroll on mobile.
Hello,
Please share “Store URL”
Thanks!
24builds.com , check it on mobile
Go to the Online Store >>> Customise >>> Featured Collection Tab
Then you can open option as i shared on screen shot
Thanks!
Add the following code to your assets/theme.css bottom of the file.
@media screen and (max-width: 699px) {
.scrollbar__buttons {display: flex !important;}
}
Thanks!
Hi @Somehow999
Please disable “Stack products” option of Featured collection’s settings in your Online Store > Themes > Customize to do that.
