1 files changed, 7 insertions, 4 deletions
diff --git a/frontend/site/projects/museum/views/landscape.warning.js b/frontend/site/projects/museum/views/landscape.warning.js
index eeb504c..7f03724 100644
--- a/frontend/site/projects/museum/views/landscape.warning.js
+++ b/frontend/site/projects/museum/views/landscape.warning.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 
 import './landscape.warning.css'
 
+import { isMobile } from 'app/utils'
 import { LastMuseumLogoNoBlur } from '../icons'
 
 const PhoneIcon = (
@@ -18,13 +19,15 @@ const RotateIcon = (
 
 export default class LandscapeWarning extends Component {
   state = {
-    landscape: false,
+    landscape: !isMobile || window.innerWidth > window.innerHeight,
   }
   constructor(props) {
     super(props)
     this.handleResize = this.handleResize.bind(this)
-    window.addEventListener("resize", this.handleResize)
-    this.handleResize()
+    if (isMobile) {
+      window.addEventListener("resize", this.handleResize)
+      setTimeout(this.handleResize, 100)
+    }
   }
 
   handleResize() {
@@ -36,7 +39,7 @@ export default class LandscapeWarning extends Component {
 
   render() {
     const { landscape } = this.state
-    if (!landscape) return null
+    if (landscape) return null
     return (
       <div className="landscape-warning">
         {RotateIcon}