Make WordPress Core

Opened 18 months ago

Last modified 18 months ago

#56905 new defect (bug)

css media query issue

Reported by: damien4444's profile damien4444 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: trivial Version: 6.0.3
Component: General Keywords: reporter-feedback
Focuses: ui, css Cc:

Description

The media queries used for the responsivness for mobile use a max-width of 767px and the min-width for the tablet one is 768px. However max-width is exclusiv so when the screen is exactly 767px you are neither in mobile or tablet mode.

Unfortunately, when i put a window in half screen mode it is precisely 767px so this number is not that odd and other user could experience the same issue.

(Tested on wordpress 6.0.3 and google chrome)

Change History (2)

#1 @miguelaxcar
18 months ago

Great @damien4444. Could you please provide more details about what it's objectively affecting, possibly including screenshots? I tested on instawp, and saw that major break-point is set to width >= 783px for tablet and width < 600px for small screens. Thank you!

#2 @sabernhardt
18 months ago

  • Keywords reporter-feedback added; needs-patch removed

Please also mention any browser extension you use to split the window in half.

Note: See TracTickets for help on using tickets.