How to make a collapsible row in two columns?

Topic summary

A user wants to create a two-column collapsible row on their product page—with the section title on the left and content on the right—visible only on desktop. They’re using the Dawn theme.

Proposed Solutions:

  • App builder approach: Use a page builder app for a faster, no-code implementation that handles the layout automatically.

  • Custom coding: Hire an expert to build the feature using Liquid, CSS, and JavaScript, which requires technical experience.

Current Status: The Dawn theme doesn’t natively support this layout. The discussion remains open with no final decision on which approach the user will pursue.

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

I want to recreate this collapsible row in my site, with the title of the section on the left and the content on the right, but only on desktop. I’m using dawn them and mi preview site url is: https://c5b3rohnx4v9k527-77151994146.shopifypreview.com.

Thanks

This will need some coding. Please reach out via personal links below for a convenient conversation and collaboration.

Best

Shadab

Hi @CristoEspinosa ,

Currently, Dawn theme does not support section like you described, so you have 2 ways to add it:

1: You can use app builder to add this section, it will be fast and everything will work fine. Refer PageFly Page Builder

2: Hire an expert to add it, because this requires you to have experience with Liquid, CSS and JS

I hope it helps!