Get WordPress

Make WordPress Core

Opened 3 months ago

Last modified 2 months ago

#61049 new defect (bug)

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

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

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 3 months ago.

Download all attachments as: .zip

Change History (4)

@modi2918
3 months ago

#1 @sabernhardt
3 months ago

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

#2 @sabernhardt
3 months 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 months ago

  • Keywords needs-patch added
Note: See TracTickets for help on using tickets.