fixed scrolling issue on xsmall

facebook · Sep 20, 2017 · 0fb9154 · 0fb9154
1 parent 6ee635d
commit 0fb9154
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/www/src/theme.js b/www/src/theme.js
@@ -130,15 +130,6 @@ const sharedStyles = {
       marginTop: 40,
       marginBottom: 120,
 
-      // Prevent a horizontal scroll bar in iOS Safari
-      [media.lessThan('small')]: {
-        overflowX: 'hidden',
-        marginLeft: -20,
-        marginRight: -20,
-        paddingLeft: 20,
-        paddingRight: 20,
-      },
-
       [media.between('medium', 'large')]: {
         marginTop: 50,
       },
@@ -202,6 +193,12 @@ const sharedStyles = {
       marginRight: -30,
       paddingLeft: 15,
       paddingRight: 15,
+
+      [media.size('xsmall')]: {
+        marginLeft: -20,
+        marginRight: -20,
+        borderRadius: 0,
+      },
     },
 
     '& a:not(.anchor):not(.gatsby-resp-image-link)': linkStyle,