Make WordPress Core

Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#23526 closed defect (bug) (fixed)

Twenty Thirteen: Expanded menu disappears on small screens

Reported by: johnbillion Owned by: lancewillett
Milestone: 3.6 Priority: normal
Severity: normal Version: 3.6
Component: Bundled Theme Keywords:
Focuses: Cc:


Steps to reproduce:

  1. View the Twenty Thirteen theme (demo site: http://twentythirteendemo.wordpress.com/) using a device with a screen narrower than 643 pixels (such as a mobile phone in portrait orientation). You should be served the narrowest layout of Twenty Thirteen, which includes a dropdown navigation menu in place of the horizontal one.
  2. Open the menu.
  3. Scroll down in order to access one of the menu item's that are off the bottom of the screen.

Observe that the menu abruptly disappears once you scroll past the header image, making it impossible to access menu items further down the menu.

Change History (6)

#1 @lancewillett
7 years ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to 3.6

#2 @karmatosed
7 years ago

  • Cc karmatosed added

#3 @karmatosed
7 years ago

I tested this using an iPhone on landscape and portrait and whilst it does go below and whilst it appears you can scroll it's very jumpy and doesn't really let you click.

I worked a few things using CSS but it seems due to the jumping we need a JavaScript solution here. I can confirm though it's only an issue in landscape.

#4 @lancewillett
7 years ago

  • Owner set to lancewillett
  • Resolution set to fixed
  • Status changed from new to closed

In 23533:

Twenty Thirteen: disable fixed navbar on small screens. Props obenland, fixes #23647.

Also closes #23526, #23535, and #23566

#5 @lancewillett
7 years ago

  • Keywords needs-patch removed
  • Milestone 3.6 deleted

#6 @SergeyBiryukov
7 years ago

  • Milestone set to 3.6

If the resolution is "fixed", milestone should stay.

Note: See TracTickets for help on using tickets.