Does anyone know how to fix this issue I am having with the multicolumn section. I have 5 columns in total. For mobile I have it set to one column with a swipe enabled. The issue is once you preview the site in mobile view, the section is skipping columns 1 and 2 and won’t let me swipe or click to go back to them. The little 1/5 is also incorrect and doesn’t adjust when changing columns. Any help to resolve this is appreciated!
Topic summary
A user is experiencing a mobile display issue with a 5-column multicolumn section in Shopify’s Dawn theme. The problem manifests in two ways:
Main Issues:
- Columns 1 and 2 are being skipped/hidden on mobile view
- Unable to swipe or navigate back to the first two columns
- The column indicator (showing “1/5”) displays incorrectly and doesn’t update when swiping
Configuration:
- Desktop: 5 columns displayed normally
- Mobile: Set to single column with swipe functionality enabled
- Other multicolumn sections on the site work correctly
Current Status:
- Another user requested a preview link to diagnose the issue and mentioned the flickity slider’s groupCells option as a potential factor
- The original poster clarified they’re using Dawn’s built-in multicolumn section (not a slider plugin) and cannot share a preview link as the site isn’t live yet
- Screenshots provided show the desktop layout working properly but mobile view exhibiting the described problems
- No resolution reached yet
Can you share the preview?
It really depends on which slider you’re using.
for example, in the popular flickity slider, there’s the groupCells option that if enabled the user would be able to slide through multiple slides with one press
1 Like
Hi there!
I did all those steps and it still isn’t working. It works fine for all other areas of the site where I am using multicolumn, just not this one. My site isn’t live yet but it using the Dawn theme. Attached are screenshots showing the desktop and mobile view.
It isn’t a slider plug in, it is just the built in multicolumn section in the Dawn theme. I have the toggler activated that enables the swipe on mobile. My multicolumns work fine on all the other pages that have them, but this one in particular isn’t working. I attached screenshots to a comment below. My site isn’t live yet so I can’t send a link to preview.