prevent mobile safari header from covering presentation content

2017-06-13 09:43:05 +02:00
parent 9342d19b5a
commit 1233092223
3 changed files with 21 additions and 0 deletions
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -474,6 +474,10 @@ body {
  -ms-touch-action: none;
      touch-action: none; }

+@media only screen and (orientation: landscape) {
+  .reveal.ua-iphone {
+    position: fixed; } }
+
 .reveal .slides {
  position: absolute;
  width: 100%;