Make WordPress Core

Opened 4 years ago

Last modified 5 weeks ago

#49929 new defect (bug)

Twenty Twenty: CSS issue for modal-menu.php

Reported by: parvand's profile Parvand Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-patch
Focuses: css Cc:

Description

When the screen gets smaller, the following problems appear in the menu :

  1. Toolbar moves away from the top of the page
  2. the screen get scroll from bottom

this problem is in both LTR and RTL

http://s11.picofile.com/file/8394294584/InkedUntitled_2_LI.jpg

Attachments (1)

49929.patch (1.1 KB) - added by mukesh27 4 years ago.
Initial patch.

Download all attachments as: .zip

Change History (6)

#1 follow-up: @mukesh27
4 years ago

  • Keywords has-patch has-screenshots added
  • Version 5.4 deleted

Hi there, welcome to WordPress Trac! Thanks for the ticket.

I replicated the same issue on a small screen( 700px responsive screen ).

Added initial patch.

@mukesh27
4 years ago

Initial patch.

#2 in reply to: ↑ 1 @Parvand
4 years ago

Replying to mukesh27:

Hi there, welcome to WordPress Trac! Thanks for the ticket.

I replicated the same issue on a small screen( 700px responsive screen ).

Added initial patch.

hey, thanks.
good work. it work, but toolbar still has problem.
when get smaller ( max-width: 600px ) #wpadminbar going to position absolute and move away from the top of the page screen.

for logged in users with toolbar still problem.
but for none users we dont have problem.

sry my english so bad

#3 @ianbelanger
4 years ago

  • Focuses ui template removed
  • Keywords reporter-feedback added

Hi @Parvand and @mukesh27, I cannot recreate this issue in my testing. Can you please provide some more information? OS, browser, etc...

Thanks

#4 @poena
9 months ago

I can reproduce this using:
WordPress 6.3.0
Theme Version: 2.2
MacOS
Chrome Version 115.0.5790.170

I can only reproduce it if:
-I start with a full browser width and I toggle the search form feature in the header, then reduce the browser window width.
-I start with a medium browser width where the header menu collapses so that the menu toggle button is visible, and I open the menu and then reduce the browser window width.

I can't reproduce it when the search and menu are closed.

#5 @karmatosed
5 weeks ago

  • Keywords has-screenshots reporter-feedback removed
Note: See TracTickets for help on using tickets.