fix: Make sure page scrollable on mobile

1 files changed, 3 insertions, 2 deletions

diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx
index 934a4cc36..918a3a635 100644
--- a/packages/website/ts/pages/documentation/developers_page.tsx
+++ b/packages/website/ts/pages/documentation/developers_page.tsx
@@ -1,4 +1,4 @@
-import { colors, constants as sharedConstants } from '@0x/react-shared';
+import { colors, constants as sharedConstants, utils as sharedUtils } from '@0x/react-shared';
 import * as _ from 'lodash';
 import * as React from 'react';
 import DocumentTitle = require('react-document-title');
@@ -71,6 +71,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
         const isSmallScreen = this.props.screenWidth === ScreenWidths.Sm;
         const mainContentPadding = isSmallScreen ? 20 : 50;
         const sidebarPadding = 22;
+        const isUserOnMobile = sharedUtils.isUserOnMobile();
         return (
             <Container
                 className="flex items-center overflow-hidden"
@@ -143,7 +144,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
                                 paddingRight: this.state.isHoveringMainContent
                                     ? mainContentPadding - SCROLLER_WIDTH
                                     : mainContentPadding,
-                                overflow: this.state.isHoveringMainContent ? 'auto' : 'hidden',
+                                overflow: this.state.isHoveringMainContent || isUserOnMobile ? 'auto' : 'hidden',
                             }}
                             onMouseEnter={this._onMainContentHover.bind(this, true)}
                             onMouseOver={this._onMainContentHover.bind(this, true)}