Dawn theme Collestion List shifts to 1 column on tablet

Store Design

Topic summary

A user is experiencing a layout issue with the Dawn theme where their collection list unexpectedly shifts from multiple columns to a single column on tablet-sized screens.

Current Setup:

  • “Swipe on Mobile” feature is enabled with 1 column selected
  • The single-column layout should only appear on mobile devices, not tablets

Attempted Solution:

  • Tried CSS code targeting grid items with max-width media query at 900px
  • Applied width and max-width properties set to 33% with !important flags
  • The CSS modification did not resolve the issue

Goal:
Maintain multi-column layout on tablet screens while keeping the single-column mobile view intact.

Two screenshots are included showing the current behavior on different screen sizes.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Screenshot 2024-04-05 1.png
Screenshot 2024-04-05 1.png1248×931 169 KB

Screenshot 2024-04-05 2.png
Screenshot 2024-04-05 2.png901×958 308 KB

Hi all!

Can’t figure out how to keep my collestions list from switching to 1 column on tablet size. I have Enable Swipe on Mobile turned on with 1 Column selected, but I don’t want it to resize unil the mobile size.

Tried this code but it didn’t work:

@media screen and (max-width: 990px) {
.grid–1-col .grid__item {
width: 33% !important;
max-width: 33% !important;
}
}

Thank you!