Changeset 10441 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-download.scss

Timestamp:

11/11/2020 07:33:53 PM (5 years ago)

Author:

ryelle

Message:

WordPress.org Theme: Fix responsive styling of parallelograms.

The horizontal overflow of the edges causes a horizontal scroll on touchscreens. Moving overflow-x: hidden to .site-main fixes the scroll at all screen sizes while keeping the design aesthetics.

Fixes #5286.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-download.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-download.scss

@@ -1 +1 @@
 body.page-template-page-download,
 body.page-download {
-    overflow-x: hidden;
+
+    .site-main {
+        overflow-x: hidden;
+    }
 
     .entry-header {