[wp-trac] [WordPress Trac] #52354: Twenty Twenty-One: primary menu disappears at 481px

[WordPress Trac]

#52354: Twenty Twenty-One: primary menu disappears at 481px
---------------------------+---------------------------------
 Reporter:  stephenbrook   |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  6.6
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  accessibility, css
---------------------------+---------------------------------
Changes (by sabernhardt):

 * keywords:  needs-testing => needs-patch
 * focuses:   => accessibility, css
 * milestone:  Awaiting Review => 6.6


Comment:

 Thanks! I get that too, now, when zooming in (as low as 110%).

 Bootstrap [https://getbootstrap.com/docs/5.3/layout/breakpoints/#max-width
 increases the precision] of its `max-width` media queries with pixel
 values such as `767.98px`.

 To get similar values, each of the theme's [https://github.com/WordPress
 /wordpress-develop/blob/b39b75c7fe386e40dedc812d4049f38fea379411/src/wp-
 content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss#L21
 Sass breakpoint calculations] could subtract 0.02 instead of 1:
 `(max-width: #{$breakpoint_sm - 0.02})`

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52354#comment:16>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform