Opened 8 years ago
Closed 8 years ago
#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:
User's site is namcoa.com. I was able to replicate with a test site:
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.
Filed an issue on GitHub where Twenty Sixteen is maintained: https://github.com/WordPress/twentysixteen/issues/493