Multicolumn auto slide mobile

[DASCPA]

Hi All, can the multicolumn section on mobile be made to autoslide? Theme Trade

Thank you

[Small_Task_Help]

Hi,

By adding custom CSS and HTML, you can create an auto-sliding effect for a multi-column section on mobile devices in the Trade theme.

Example of custom css

@media only screen and (max-width: 767px) {
  .auto-slide-container {
    overflow: hidden;
    position: relative;
  }
  .auto-slide-wrapper {
    display: flex;
    flex-direction: row;
    animation: auto-slide 10s linear infinite;
  }
  .auto-slide-item {
    flex: 1 0 auto;
    min-width: 100%;
  }

  @keyframes auto-slide {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
  }
}

Example custom HTML

<div class="auto-slide-container">
  <div class="auto-slide-wrapper">
    <div class="auto-slide-item">
      <!-- Column content here -->
    </div>
    <div class="auto-slide-item">
      <!-- Column content here -->
    </div>
    <!-- Add more columns as needed -->
  </div>
</div>

[DASCPA]

Thank you, can you please advise where should be placed? I have added to the theme and base and still no change