[wp-trac] [WordPress Trac] #61075: Unmodified Twenty Twenty-Four Theme Layout Breaks on Mobile

[WordPress Trac]

#61075: Unmodified Twenty Twenty-Four Theme Layout Breaks on Mobile
---------------------------+------------------------------
 Reporter:  script2see     |       Owner:  (none)
     Type:  defect (bug)   |      Status:  closed
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  6.5.2
 Severity:  major          |  Resolution:  worksforme
 Keywords:  needs-patch    |     Focuses:  css
---------------------------+------------------------------

Comment (by script2see):

 I managed to null out some of the problem by writing the following style
 rules:


 {{{
 main#wp--skip-link--target {
         width: 100% !important;
 }

 .entry-content.wp-block-post-content.has-global-padding.is-layout-
 constrained.wp-block-post-content-is-layout-constrained {
         width: 100% !important;
 }

 }}}


 The fact that those rules eliminated part of the problem is proof that
 there is indeed a problem.

 I also added the following to theme.json to stop root-level padding from
 breaking layouts:


 {{{
 "styles": {
         "spacing": {
                                 "padding": {
                                 "left": "0",
                                 "right": "0"
                         }
                 }
 }}}

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