hello, please could you give the code to achieve the same result? I would appreciate it ![]()
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.