Dawn theme: Move menu to the the left sidebar

Topic summary

Main Request:
Users want to relocate the main navigation menu from the header’s center to a left sidebar position in Shopify’s Dawn theme.

Provided Solution:
A CSS code snippet was shared to achieve this:

  • Navigate to: Online Store → Theme → Edit Code → Assets → base.css
  • Add custom CSS targeting .header__inline-menu (absolute positioning) and .list-menu--inline (flexbox with column direction)

Common Issues Reported:

  • Menu overlapping content/images: The repositioned menu covers page content and banner images
  • Page alignment problems: Content shifts left after applying the code, creating layout issues
  • Spacing concerns: Users need additional gap between the sidebar menu and main content
  • Selective application: Some want the sidebar menu only on the homepage, not all pages

Current Status:
Multiple users successfully implemented the basic code but require additional customization help. Several participants requested further assistance with spacing adjustments, footer alignment, and page-specific implementations. The discussion remains active with ongoing troubleshooting requests.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

hello, please could you give the code to achieve the same result? I would appreciate it :slightly_smiling_face: