Make WordPress Core

Opened 2 months ago

Closed 2 months ago

#62182 closed defect (bug) (duplicate)

On beta version, header is broken on iPad device

Reported by: trushaamin's profile trushaamin Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords:
Focuses: ui, css Cc:

Description

We can add five or more menus on an iPad, and then the header is broken.

Attachments (3)

Beta header.png (415.3 KB) - added by trushaamin 2 months ago.
Please check the Attachment for beta version header is break.
Header.png (461.4 KB) - added by trushaamin 2 months ago.
Header .png (425.3 KB) - added by trushaamin 2 months ago.

Download all attachments as: .zip

Change History (10)

@trushaamin
2 months ago

Please check the Attachment for beta version header is break.

#1 @poena
2 months ago

  • Component changed from Menus to Bundled Theme
  • Keywords reporter-feedback added
  • Severity changed from major to normal

Hi @trushaamin

More information is needed in order to confirm the problem.

Please include information about which WordPress version is used, which theme and theme version, or if it happens in multiple themes.
What the problem is, where the problem is happening, and what the expected result was.

Please remember that not all contributors are able to view the images, so there needs to be a detailed text description of the problem.

#2 @trushaamin
2 months ago

In beta version 6.7-beta1, I encountered header issues while using the Twenty Twenty-One Version: 2.3 theme.

When I added five or more menus, the header broke. I have a suggestion to improve this: If the header is broken on an iPad, we can add a hamburger menu so that users can easily navigate.

Last edited 2 months ago by trushaamin (previous) (diff)

@trushaamin
2 months ago

#3 in reply to: ↑ description @trushaamin
2 months ago

Replying to trushaamin:

We can add five or more menus on an iPad, and then the header is broken.

In beta version 6.7-beta1, I encountered header issues while using the Twenty Twenty-One Version: 2.3 theme.

When I added five or more menus, the header broke.
I have a suggestion to improve this: If the header is broken on an iPad, we can add a hamburger menu so that users can easily navigate.

#4 follow-up: @poena
2 months ago

In what way does it break?

Do you mean it breaks because the site title is to the left and the menu is on the right?

Or does it break in a way that prevents the menu items from being used?

#5 in reply to: ↑ 4 @trushaamin
2 months ago

Replying to poena:

In what way does it break?

Do you mean it breaks because the site title is to the left and the menu is on the right?

Or does it break in a way that prevents the menu items from being used?

When we add all six menu items, the header breaks and aligns to the left. When we add only five menu items, the menu aligns to the right. This seems to be a major design issue.

@trushaamin
2 months ago

#6 @trushaamin
2 months ago

  • Keywords reporter-feedback removed

#7 @sabernhardt
2 months ago

  • Keywords needs-patch removed
  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from assigned to closed

We're already tracking the theme's header alignment/organization in #61049.

Note: See TracTickets for help on using tickets.