Menu in header to middle of header Prestige Theme

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.

Summarized with AI on March 1. AI used: gpt-5.

@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;
}