Thank you! It was able to fix the logo and have it centered on every page. But now there is an issue where the search bar is not centered anymore and it is slightly to the right on mobile view
Topic summary
A Shopify store owner is experiencing a logo alignment issue on mobile devices—the logo appears on the right side instead of being centered, while desktop display is correct.
Proposed Solution:
A community member provided CSS code to add to the theme’s stylesheet (base.css, style.css, or theme.css) that:
- Uses a media query targeting mobile screens (max-width: 749px)
- Applies grid display to the header
- Repositions elements with absolute positioning
Current Status:
The CSS successfully centered the logo across all mobile pages, but introduced a new problem—the search bar is now off-center and positioned slightly to the right on mobile view.
The issue remains partially resolved, with the original logo problem fixed but requiring additional CSS adjustments to properly center the search bar.