How can I enable automatic swiping on multicolumn in Craft theme?

Store Design
1

Hello,

I am trying to make that the multicolumn on mobile does not need to be manually swiped, but instead it automatically changes to the next column… without the person physically swiping it.

How can I accomplish this on the craft theme?

2
  1. In the theme editor, locate the CSS file that controls the styling of your multicolumn section. This file might be named something like styles.css or theme.css.
  2. Add the following CSS code to the file:
@media only screen and (max-width: 767px) {
  /* Adjust the max-width value as needed */

  .your-multicolumn-section {
    column-count: 2; /* Change the number of columns as desired */
    column-gap: 20px; /* Adjust the column gap as desired */
  }
}
​