WordPress.org

Make WordPress Core

#38623 closed defect (bug) (invalid)

Twenty Sixteen: Children items in menu can be pushed offscreen

Reported by: ashercantrell Owned by:
Milestone: Priority: normal
Severity: normal Version: 4.6.1
Component: Bundled Theme Keywords:
Focuses: Cc:

Description

Received a report today that the menu in Twenty Sixteen was causing child items to appear off the left side of the user's screen, making them unreadable.

It took a few minutes to replicate, but I found the issue. Typically, the theme's menu is on the right-hand side in a desktop sized browser window and is on the left on mobile, but just in-between desktop size and mobile size, the regular desktop menu just moved to the left before it's turned into a mobile menu. So on certain resolutions (or if you manually resize your browser window like me), this happens:

https://cldup.com/W9WGKB02jF.thumb.png

User's site is namcoa.com. I was able to replicate with a test site:

https://cldup.com/oSItVP0Oki.thumb.png

This appears to be a specific case where:

1) A user has Twenty Sixteen
2) Has a menu item with sub items (or sub sub items) in the first slot
3) Is using a display at just the right (or wrong?) resolution where the menu hasn't quite turned into its mobile form
4) I had trouble replicating on my own at first, but it seems that your site needs to have a sufficiently long title, also.

Change History (1)

#1 @davidakennedy
12 months ago

  • Milestone Awaiting Review deleted
  • Resolution set to invalid
  • Status changed from new to closed

Filed an issue on GitHub where Twenty Sixteen is maintained: https://github.com/WordPress/twentysixteen/issues/493

Note: See TracTickets for help on using tickets.