[wp-meta] [Making WordPress.org] #6992: Scrolling and white space issue on mobile.

[Making WordPress.org]

#6992: Scrolling and white space issue on mobile.
---------------------------------------------------+---------------------
 Reporter:  himshekhar07                           |       Owner:  (none)
     Type:  defect (bug)                           |      Status:  new
 Priority:  normal                                 |   Milestone:
Component:  Swag Store (mercantile.wordpress.org)  |  Resolution:
 Keywords:  needs-patch                            |
---------------------------------------------------+---------------------

Comment (by rafiahmedd):

 If someone clicks on the search bar than it will break the design again. I
 think better if we bring the search bar below the header or if we move it
 inside the menu just for mobile devices.

 Replying to [comment:1 nuhel]:
 > This is happening because search input is taking extra space in the nav
 bar.
 >
 > Element class name is `wp-block-search__inside-wrapper`.
 >
 > Here is an temporary solution for the issue
 >
 > {{{
 > @media only screen and (max-width: 526px) {
 >   .wp-block-search__inside-wrapper{
 >     max-width: 50px;
 >   }
 > }
 >
 >
 > }}}
 >
 > Fix Screenshot:
 [https://meta.trac.wordpress.org/attachment/ticket/6992/Screenshot%202023-05-20%20at%2012.09.10%20PM.png]

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/6992#comment:3>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org