Hi, my header icons and logo used to be aligned to the sides but for some reason they moved.
how can i mover the right icons to the right of the header, the logo to the middle and the menu to the right?
thanks in advance!
this is my site-
Topic summary
Mobile header layout in the Shopify Dawn theme shifted unexpectedly; the requester wants the logo centered with header icons aligned properly on mobile. A site link and multiple screenshots were shared to show the current and desired layouts, as well as the specific code line in question.
Recent attempts included applying a suggested code edit. On mobile, the change did not take effect as expected; in one case it only swapped the order of the menu and cart/search icons rather than moving them to the edges.
Key points:
- Goal: logo centered; icons arranged to the sides (proper edge alignment on mobile).
- Evidence: screenshots and code snippet are central to understanding the issue.
- Result of changes: order swap occurred, but no proper edge alignment; mobile view remained largely unchanged.
Status: Unresolved/ongoing. The thread lacks a confirmed CSS/HTML solution tailored to Dawn’s mobile header to achieve the requested alignment.
