diff --git a/config/examples/example.html b/config/examples/example.html
index bc77d0b560..a90b691dc4 100644
--- a/config/examples/example.html
+++ b/config/examples/example.html
@@ -20,14 +20,17 @@
     <header class="navbar" role="navigation">
       <div class="container">
         <div class="display-table pull-left" id="navbar-logo-container">
-          <a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a>
+          <a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers Examples</a>
         </div>
-        <ul class="nav navbar-nav pull-right">
-          <li><a href="../doc">Docs</a></li>
-          <li><a class="active" href="index.html">Examples</a></li>
-          <li><a href="../apidoc">API</a></li>
-          <li><a href="https://github.com/openlayers/ol3">Code</a></li>
-        </ul>
+        <!-- menu items that get hidden below 768px width -->
+        <nav class='collapse navbar-collapse navbar-responsive-collapse'>
+          <ul class="nav navbar-nav pull-right">
+            <li><a href="../doc">Docs</a></li>
+            <li><a class="active" href="index.html">Examples</a></li>
+            <li><a href="../apidoc">API</a></li>
+            <li><a href="https://github.com/openlayers/ol3">Code</a></li>
+          </ul>
+        </nav>
       </div>
     </header>
 
diff --git a/examples/index.html b/examples/index.html
index a834fb1830..34265d5d87 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -190,12 +190,15 @@
             <span id="count"></span>
           </form>
         </div>
-        <ul class="nav navbar-nav pull-right">
-          <li><a href="../doc">Docs</a></li>
-          <li><a class="active" href="index.html">Examples</a></li>
-          <li><a href="../apidoc">API</a></li>
-          <li><a href="https://github.com/openlayers/ol3">Code</a></li>
-        </ul>
+        <!-- menu items that get hidden below 768px width -->
+        <nav class='collapse navbar-collapse navbar-responsive-collapse'>
+          <ul class="nav navbar-nav pull-right">
+            <li><a href="../doc">Docs</a></li>
+            <li><a class="active" href="index.html">Examples</a></li>
+            <li><a href="../apidoc">API</a></li>
+            <li><a href="https://github.com/openlayers/ol3">Code</a></li>
+          </ul>
+        </nav>
       </div>
     </header>