Thank you, it worked! You are great and you saved me so much time and I deeply appreciate it! 
Topic summary
Issue: Move the header logo to the left on desktop while keeping it centered on mobile. The requester shared a reference image and was willing to provide store access details via PM.
Solution provided: Add a CSS rule to the theme’s main CSS file (base.css, style.css, or theme.css):
- Wrap in a media query: @media only screen and (min-width: 990px) { … }
- Target: header.header.header–middle-left.page-width.header–has-menu
- Change: max-width: 100%
Explanation: The media query applies the style only on screens 990px and wider (desktop), so mobile layout remains unchanged. Adjusting the header container’s width enabled the logo to align left on desktop as desired.
Outcome: The requester confirmed the fix worked and expressed thanks. A before/after image was central to illustrating the desired placement and the result.
Status: Resolved; no further action requested.
1 Like