Migrating to v1.2: Sticky .masthead-inner

For: ebiwd/EBI-Framework#85 (comment)
ebiwd · Apr 21, 2017 · fa3a711 · fa3a711
1 parent e264002
commit fa3a711
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/sample-site-v1.2/index.html b/sample-site-v1.2/index.html
@@ -104,22 +104,26 @@
 
 
   <div id="content">
-    <div class="masthead row">
-      <!-- local-title -->
-      <div class="columns medium-12" id="local-title">
-        <h1><a href="../" title="Back to [service-name] homepage">EBI Framework</a></h1>
+    <div data-sticky-container>
+      <div id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="main-content-area:top" data-btm-anchor="main-content-area:bottom">
+        <div class="masthead-inner row">
+          <!-- local-title -->
+          <div class="columns medium-12" id="local-title">
+            <h1><a href="../" title="Back to [service-name] homepage">EBI Framework</a></h1>
+          </div>
+          <!-- /local-title -->
+
+          <!-- local-nav -->
+          <nav>
+            <ul class="dropdown menu float-left" data-description="navigational">
+              <li class=""><a href="../">Overview</a></li>
+              <li><a data-open="modal-download">Download</a></li>
+              <li><a href="#">Support <i class="icon icon-generic" data-icon="x"></i></a></li>
+            </ul>
+          </nav>
+        <!-- /local-nav -->
+        </div>
       </div>
-      <!-- /local-title -->
-
-      <!-- local-nav -->
-      <nav>
-        <ul class="dropdown menu float-left" data-description="navigational">
-          <li class=""><a href="../">Overview</a></li>
-          <li><a data-open="modal-download">Download</a></li>
-          <li><a href="#">Support <i class="icon icon-generic" data-icon="x"></i></a></li>
-        </ul>
-      </nav>
-      <!-- /local-nav -->
     </div>
 
       <!-- Suggested layout containers -->