Footer Width Fix Verification
✓ FIXED: Footer now uses
width: 100% instead of max-width: 70ch
What Was Fixed:
The footer was incorrectly using @include genesis-environment('focused') which applies max-width: var(--width-reading, 70ch) - designed for reading content, not full-width layout components.
The Solution:
- Removed
@include genesis-environment('focused')from.genesis-footer - Added explicit
display: blockandwidth: 100% - Footer container maintains
max-width: 1440pxwith centered content
Testing Instructions:
- Open this page on desktop (viewport ≥ 1024px)
- Check the "Width Indicator" in the top-right corner
- Verify footer width matches viewport width
- Resize browser window and verify footer remains full-width
- Check that footer content is centered with max-width: 1440px
Spacer Content
This spacer helps you scroll down to see the footer at the bottom of the page.
The footer should span the full width of the viewport, with content centered inside a 1440px container.