diff --git a/examples/full-screen.html b/examples/full-screen.html
index 2e96597349..53db08f8af 100644
--- a/examples/full-screen.html
+++ b/examples/full-screen.html
@@ -14,12 +14,17 @@
       }
       #text {
           position: absolute;
-          bottom: 1em;
-          left: 1em;
-          width: 512px;
+          top: 8px;
+          right: 8px;
           z-index: 20000;
           background-color: white;
           padding: 0 0.5em 0.5em 0.5em;
+          border-radius: 4px;
+      }
+      @media only screen and (max-width: 600px) {
+        #text {
+          display: none;
+        }
       }
     </style>
     <title>Full-screen example</title>
diff --git a/examples/overlay-and-popup.html b/examples/overlay-and-popup.html
index fa7968f378..067adbf8b4 100644
--- a/examples/overlay-and-popup.html
+++ b/examples/overlay-and-popup.html
@@ -14,12 +14,17 @@
       }
       #text {
           position: absolute;
-          bottom: 1em;
-          left: 1em;
-          width: 512px;
+          top: 8px;
+          right: 8px;
           z-index: 20000;
           background-color: white;
           padding: 0 0.5em 0.5em 0.5em;
+          border-radius: 4px;
+      }
+      @media only screen and (max-width: 600px) {
+        #text {
+          display: none;
+        }
       }
       .overlay {
         display: none;