Dawn Theme - Accordion | Collapsible Footer

Store Design

Topic summary

A user switching from WooCommerce to Shopify seeks a free solution to add accordion-style collapsible functionality to the Dawn theme footer.

Solution Provided:

  • A community member (@SpeedyDev) shared custom code to be added at the bottom of the footer.liquid file
  • The code successfully creates collapsible footer sections on mobile devices
  • Multiple users confirmed the solution works after implementation

Common Issues & Modifications:

  • Delayed activation: One user reported a ~20-minute lag before the accordion appeared across browsers, possibly due to Shopify server caching
  • Default state: Several users requested tabs be collapsed by default instead of open
  • Code adjustment: Changing ::after to ::before in the CSS was suggested to modify the collapse indicator
  • Display bug: One user reported the accordion breaks when rotating mobile devices from portrait to landscape mode

Outstanding Questions:

  • How to center the accordion buttons/headings
  • Whether the Brand Information section can also be made collapsible
  • Resolution for the landscape orientation display issue

The discussion remains active with users seeking additional customization options.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
8

They are usually collapsed by default.