Help stack image on mobile, recreate module - Motion theme

Technical Q&A

Topic summary

A user is seeking help recreating a “How it Works” section in the Motion Shopify theme to properly stack on mobile devices. Currently, the section displays an image and text side-by-side that fails to stack vertically on mobile screens. They’re looking for:

  • A solution to make the layout responsive and stack elements on mobile
  • Guidance on whether an existing module can be used
  • Code implementation for a half-image, half-text layout with a purple background

A preview link to the Shopify store was provided to show the current implementation. The issue remains unresolved with no responses yet.

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

Recreate How it Works section so it stacks on mobile, currently an image and copy doesn’t stack on mobile. Is there a module to use to create this in code, half image, half text with purple background?

Preview link: https://43ms74auwfmcnnqj-55480647737.shopifypreview.com