Hello @GlowRope
The mobile screen is small, so making it the same layout as the desktop is not so good.
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.