Dawn Theme - Making mobile footer menu layout the same as the desktop view

Topic summary

Goal: Make the Dawn theme’s footer show three columns centered on desktop and replicate that layout on mobile.

What changed:

  • CSS provided to center desktop footer headings and link items (using text-align on headings and list items).
  • Additional mobile CSS provided to center list items (justify-content: center). The requester confirmed this worked.

Design considerations and feedback:

  • Replicating the desktop’s three-column layout on mobile was discouraged due to limited screen width; a preview image illustrated poor usability.
  • Arranging footer menus horizontally on mobile was also discouraged for the same reason.

Alternative proposal (unresolved):

  • Use dropdown/accordion menus on mobile: default closed, and opening one would auto-close the previous (accordions), with the section titles centered horizontally. No implementation guidance was provided yet.

Status:

  • Partial solution achieved: footer content is centered (headings and mobile items) via CSS.
  • The request to mirror desktop’s three-column layout on mobile was not implemented due to usability concerns.
  • Accordion-style mobile footer with auto-close behavior remains an open item. Images/screenshots were used to demonstrate the layouts and proposed outcomes.
Summarized with AI on January 16. AI used: gpt-5.

Hello @GlowRope

The mobile screen is small, so making it the same layout as the desktop is not so good.