[wp-trac] [WordPress Trac] #61049: Twenty Twenty-One: header alignment with wrapping navigation on iPad Pro 11 (834 × 1194)

[WordPress Trac]

#61049: Twenty Twenty-One: header alignment with wrapping navigation on iPad Pro 11
(834 × 1194)
---------------------------+------------------------------
 Reporter:  modi2918       |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  5.6
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  css
---------------------------+------------------------------

Comment (by sabernhardt):

 The image shows "demo" as the Site Title, with no tagline, and the
 following links are in the navigation: Home, My Account, Checkout, Cart,
 Shop, Sample Page.
 - The navigation menu aligns to the right when it wraps below the site
 branding but the menu width on its own is less than the width of the
 header container.
 - If one letter from either the Site Title or a menu link is removed, the
 header would be in one row but without a gap between the branding and
 navigation elements.
 ([https://github.com/WordPress/twentytwentyone/pull/435 PR 435] added a
 `row-gap` without a column gap.)
 - With more text in those two elements, the navigation would wrap for
 larger viewports.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/61049#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform