[wp-trac] [WordPress Trac] #62607: Horizontal Scrollbar Appears on Theme Info Page in Mobile Viewports

[WordPress Trac]

#62607: Horizontal Scrollbar Appears on Theme Info Page in Mobile Viewports
-------------------------------+-----------------------------
 Reporter:  yogeshbhutkar      |      Owner:  (none)
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Themes             |    Version:  6.7.1
 Severity:  minor              |   Keywords:
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 **Issue Description:**
 A `horizontal scrollbar` appears on the `Theme Installation` page when
 viewed on mobile viewports. This causes the content to shift left when
 scrolled horizontally, despite the content being correctly contained
 within the `viewport`. The `horizontal scroll` functionality is
 unnecessary and disrupts the user experience.

 **Root Cause:**
 The issue arises from a `right margin` applied to `theme screenshots` to
 ensure proper grid alignment on desktop views. However, this margin is not
 adjusted for mobile viewports, resulting in the unintended `horizontal
 scrollbar`.

 **Steps to Reproduce:**

 1. Navigate to the Themes section.
 2. Select any theme from the list and observe the `horizontal scrollbar`
 on `mobile viewports`.

 **Proposed Solution:**
 Remove the `right margin` for `smaller viewports`. Adjusting the `CSS` to
 handle margins based on the viewport size dynamically will resolve the
 issue and eliminate the `horizontal scrollbar`.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/62607>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform