WordPress.org
Get WordPress

Make WordPress Core

Opened 2 years ago

Last modified 22 months ago

#61049 new defect (bug)

Twenty Twenty-One: header alignment with wrapping navigation on iPad Pro 11 (834 × 1194)

Reported by: modi2918 Owned by:
Priority: normal Milestone: Awaiting Review
Component: Bundled Theme Version: 5.6
Severity: normal Keywords: needs-patch
Cc: Focuses: css

Description (last modified by sabernhardt)

Header alignment breaks from 822 × 1194 to 835 × 1194 in header

Attachments (1)

iPad-PRO-11-demo.local.png​ (55.9 KB ) - added by modi2918 2 years ago.

Download all attachments as: .zip

Change History (5)

@modi2918
2 years ago

#1 @sabernhardt
2 years ago

  • Description modified (diff)
  • Focuses css added
  • Summary In theme twenty twenty-one design break in i-pad pro 11(834*1194) → Twenty Twenty-One: header alignment with wrapping navigation on iPad Pro 11 (834 × 1194)
  • Version 6.5 → 5.6

#2 @sabernhardt
2 years ago

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. (​PR 435 added a row-gap without a column gap.)
  • With more text in those two elements, the navigation would wrap for larger viewports.

#3 @modi2918
2 years ago

  • Keywords needs-patch added

#4 @sabernhardt
22 months ago

#62182 was marked as a duplicate.

Note: See TracTickets for help on using tickets.