@LeondeCame - add this css to the very end of theme.css file and check , should be like screenshot
.Header__Wrapper .Header__FlexItem--fill {
justify-content: center;
}
Topic summary
Goal: Center the header menu while keeping the mobile hamburger/menu toggle on the left.
Changes implemented:
- Added CSS to center the header menu; confirmed working on desktop.
- Scoped that centering to desktop only via a media query (min-width ~750px) so mobile layout remains unchanged; confirmed working on mobile.
- For tablet/iPad widths, added a media query (~750–1023px) to keep the left area (hamburger) left-aligned and move icons to the right; initially reported as working.
Issues/regressions:
- After tablet tweaks, the desktop menu lost centering; restoring the desktop media query brought it back.
- Remaining problem: on iPad view, the icons still don’t consistently align to the right. A request for clarification on the specific view was made.
Context/assets:
- Multiple screenshots were provided to illustrate header alignment on desktop, mobile, and iPad.
Status: Partially resolved. Desktop menu is centered and mobile toggle stays left, but tablet/iPad icon alignment to the right remains unresolved/ongoing.
