Issue with Collections Slider on Mobile Devices - Dawn Pro Theme

DavidTon

Hello,

I've encountered an issue with the slider functionality when displaying multiple collections on mobile devices in the Dawn Pro theme.

Issue details:

When I have 8 collections added to a slider section
On mobile devices, it initially displays about 3 collections
When scrolling horizontally, I can only access collections 4 and 5
Collections 6, 7, and 8 remain inaccessible - I cannot scroll far enough to see them

I've tested this on actual mobile devices, not just in device simulation mode. The slider seems to only load or make accessible approximately 4-5 collections in total, preventing users from viewing all content.

While this may not be a critical issue, it affects the user experience as visitors cannot access all the collections I've added to the slider.

Could your team please look into this slider limitation on mobile devices?

Thank you for your support.

alvinkonda

Hi David,

It seems an issue preset. Thanks for taking the time to post it.

The solution would be simple in fact

Open assets/ks-sections.css

Find:

.ks-simple-collections-list {
  display: inline-flex;
  flex-wrap: nowrap;
  overflow: auto;
  overflow-y: hidden;
  padding: 0 1rem 1rem;
  margin-bottom: -1rem;
}

Replace it with:

.ks-simple-collections-list {
  display: flex; /* Changed */
  flex-wrap: nowrap;
  overflow: auto;
  overflow-y: hidden;
  padding: 0 1rem 1rem;
  margin-bottom: -1rem;
}

However, a simple fix would be to add this CSS code to the section's settings.

.ks-simple-collections-list {
  display: flex;
}

DavidTon

Perfect! Thank you very much!