Multicolumn Arrow Slider - Not Working (Dawn theme)

Topic summary

Multicolumn slider in Shopify’s Dawn theme: arrows are visible but clicking them does nothing; columns do not move left or right after following a YouTube tutorial.

Context: The tutorial referenced is “Add Swipe/Slide to Shopify Multicolumn Section | Dawn Theme Customization.” No code or error messages were shared; the root cause is unknown.

Key terms: Dawn theme = Shopify’s default theme; multicolumn section = layout showing multiple columns; arrow slider = navigation controls intended to scroll content horizontally.

Media: One image is attached; the YouTube tutorial is central to reproducing the setup.

Status: Unresolved. No solutions or follow-ups are present.

Open questions: Whether all required steps from the tutorial were implemented, necessary JS/CSS is included, selectors match the current Dawn version, and click/event listeners are properly bound.

Actions/outcomes: None yet. Additional troubleshooting details or code snippets are needed to diagnose the issue.

Summarized with AI on January 7. AI used: gpt-5.

I followed a YT tutorial for adding sliders in multicolumn section. I was able to successfully see the arrow sliders.

But when clicking it, it is not working at all. Columns are not moving left and right. I’m not sure what’s the problem.

This is the YT tutorial I followed:

Add Swipe/Slide to Shopify Multicolumn Section | Dawn Theme Customization

Nicole_com_0-1706381933561.png