Hello!
That made the footer into a block, i think, but it only did this.
Topic summary
Goal: Move the newsletter/email signup in the Shopify Dawn theme footer to one side (desktop), matching a provided “green footer” example. Images were shared to show current (blue) vs desired layout.
Initial approach: A CSS snippet (added in Assets > sections-footer.css) set .footer-block–newsletter to flex-direction: column at min-width 750px. Result: It stacked content but didn’t reposition the newsletter as intended.
Store access: A preview URL and password were shared so the helper could inspect the theme.
Revised solution: A more comprehensive CSS update for screens ≥750px was provided to:
- Force .footer__content-top to display: flex (layout container).
- Keep .footer-block–newsletter in a column and align items to flex-start (left-align the newsletter block).
- Adjust .footer__content-top .grid to flex-basis: 60% (rebalance column widths).
- Ensure single-child footer blocks have text-align: left and list items display: block.
Notes: CSS (Cascading Style Sheets) controls styling; flexbox is a layout system for alignment and spacing. The new rules aim to place the newsletter on one side on desktop.
Status: Awaiting confirmation from the requester; no final outcome reported yet.
