Make WordPress Core

Opened 3 years ago

Last modified 7 months ago

#52354 new defect (bug)

Twenty Twenty-One: primary menu disappears at 481px

Reported by: stephenbrook's profile stephenbrook Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-screenshots
Focuses: Cc:

Description

Hi When I set screen width to 480px I see the mobile menu. At 482px, I see the desktop menu but at 481px there are no menus displayed.
I am using a chrome browser on windows 10. No active plugins and a fresh install of the theme.

Attachments (4)

f1d0f0ffd9f058d4d7751f9f308cb555.gif (305.3 KB) - added by audrasjb 3 years ago.
Works fine on Chrome/OSX
480.JPG (50.5 KB) - added by stephenbrook 3 years ago.
481.JPG (55.6 KB) - added by stephenbrook 3 years ago.
482.JPG (41.6 KB) - added by stephenbrook 3 years ago.

Download all attachments as: .zip

Change History (13)

#1 @audrasjb
3 years ago

Hello @stephenbrook, welcome to WordPress Core Trac and thank you for opening this ticket!

I tried to reproduce the issue on Chrome/MacOS but it looks like it works fine on my side. I'll try to reproduce on Windows as soon as possible.

@audrasjb
3 years ago

Works fine on Chrome/OSX

#2 @mukesh27
3 years ago

I can’t replicate the same issue in my fresh installation. Can you please share your browser version so we can check the issue on that specific browser.

#3 @stephenbrook
3 years ago

Hi, the problem occurs in both of these browsers

Browsers
Google Chrome - Version 88.0.4324.104 (Official Build) (64-bit)
Microsoft Edge - Version 88.0.705.50 (Official build) (64-bit)

O/S - Microsoft Windows 10 Pro - Version 10.0.19041 Build 19041

#4 @sabernhardt
3 years ago

  • Keywords needs-screenshots added

@stephenbrook Could you add screenshots?

I didn't see a problem at 481 pixels wide, either with the Responsive viewport mode or with the inspector panel open on the right side.

I tried in Chrome and Edge, with the same browser versions, though my Windows is different:
Windows 10 Home 20H2 (19042.746) with Windows Feature Experience Pack

@stephenbrook
3 years ago

@stephenbrook
3 years ago

@stephenbrook
3 years ago

#5 @stephenbrook
3 years ago

Hi I have attached images 480.jpg, 481.jpg and 482.jpg as requested

#6 @stephenbrook
3 years ago

  • Keywords has-screenshots added; needs-screenshots removed

#7 @stephenbrook
3 years ago

ok, here is a little twist. I tested this on another pc that is running Windows 10 Home Version 10.0.19042.746 and the problem does not exist. It is still a problem on my Windows 10 Pro pc.

#8 @poena
3 years ago

I am also unable to reproduce, now on Windows 10 PRO 10.0.19042 Build 19042
Chrome version Version 88.0.4324.150.

#9 @kristenfisher427
7 months ago

I know this ticket is from a few years ago, but I've recently run into the same issue of having the menu disappear at a viewport width of 481 while using the Twenty-Twenty-One theme. I'm using a Windows 10 Pro and Chrome Version 113.0.5672.63 (Official Build) (64-bit). The screenshots that @stephenbrook provided in this ticket exactly mirror what I'm experiencing. I was advised on the WordPress forums to add my experience here. I'll include a link to that forum discussion for your reference: https://wordpress.org/support/topic/navigation-menu-disappears-2/#post-16744540. Does anyone know of a way to fix this? Thank you very much for any help you might be able to offer!

Note: See TracTickets for help on using tickets.