The request
“Divide the top header into two rows. Logo large and centered in the top row. Navigation in the second row underneath. Screenshots attached.”
The single-row header cramped the logo.
The approach
We restructured the header into two rows: a top row with a large centered logo and utility icons at the edges, and a navigation row beneath. On mobile it collapses to a single row.
What we shipped
Two-row header on desktop
Large centered logo in the top row
Navigation in the second row
Single-row collapse on mobile