I changed one menu item from “Algemene” to “Algemene voorwaarden”, so that it jumps to another line. But also the layout changes a lot with it. What is the cause of this within CSS, you know this?
Topic summary
Footer menu in Shopify’s Dawn theme showed 2 columns on desktop but stayed as a single column on mobile despite various CSS attempts. Screenshots were provided to illustrate the layout, and the store URL was shared for review.
A community-provided CSS adjustment resolved the mobile layout, enabling a 2‑column footer on phones. The author confirmed it worked and later marked the answer as the solution.
After changing a menu label from “Algemene” to “Algemene voorwaarden,” the longer text wrapped to a new line and noticeably altered the layout. The author asked what in CSS caused this behavior.
A follow‑up explanation and fix addressed the line‑wrap–induced layout shift, and the author confirmed it worked “like a charm.”
Outcome: Issue resolved with CSS changes for both the mobile 2‑column layout and the text‑wrap layout shift. Status: Closed/solved; no open questions.