diff --git a/loleaflet/css/leaflet.css b/loleaflet/css/leaflet.css
index 28de9a21b..332490ed5 100644
--- a/loleaflet/css/leaflet.css
+++ b/loleaflet/css/leaflet.css
@@ -788,7 +788,7 @@ input.clipboard {
 	}
 }
 
-@media (max-width: 768px) {
+@media (max-width: 768px),(max-height: 768px) {
 	.loleaflet-ruler {
 		height: 0px;
 		display: none;
diff --git a/loleaflet/css/loleaflet.css b/loleaflet/css/loleaflet.css
index c27c138eb..f0cabadca 100644
--- a/loleaflet/css/loleaflet.css
+++ b/loleaflet/css/loleaflet.css
@@ -81,7 +81,7 @@ body {
     width: 0;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 768px),(max-height: 768px) {
     /* Show slidesorter beyond 768px only */
     #presentation-controls-wrapper {
 	display: none;
diff --git a/loleaflet/css/menubar.css b/loleaflet/css/menubar.css
index 9649cadd8..7af9d31b6 100644
--- a/loleaflet/css/menubar.css
+++ b/loleaflet/css/menubar.css
@@ -191,7 +191,7 @@
 }
 
 /* desktop mode */
-@media (min-width: 769px) {
+@media (min-width: 769px) and (orientation: portrait),(min-height: 769px) and (orientation: landscape) {
     /* hide the button in desktop view */
     .main-menu-btn {
 	position: absolute;