]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
adds left menu example
authorRafiBomb <rafi@zurb.com>
Wed, 17 Feb 2016 22:20:17 +0000 (14:20 -0800)
committerRafiBomb <rafi@zurb.com>
Wed, 17 Feb 2016 22:20:17 +0000 (14:20 -0800)
test/visual/index.html
test/visual/responsive-menu-left-dropdown.html

index 4feb269ce88c6c1df1b0839fb185baea24bb32ed..b5987723dac84c934e4da34670c23ce39a940611 100644 (file)
@@ -13,6 +13,7 @@
       <ul class="menu vertical">
         <li><a href="responsive-menu.html">Responsive Menu - Drilldown Medium Dropdown</a></li>
         <li><a href="responsive-menu-right-dropdown.html">Responsive Menu - Right Dropdown</a></li>
+        <li><a href="responsive-menu-left-dropdown.html">Responsive Menu - Left Dropdown</a></li>
       </ul>
     </div>
 
index 68e1158f5d8cd6ba3239111c63086cdddfcd7408..7e92e82d1307a063ac38f5192ef9c34f48bc2f2e 100644 (file)
 
   <div class="top-bar" id="main-menu">
     <div class="top-bar-left">
-      <ul class="menu vertical medium-horizontal" data-responsive-menu="drilldown medium-dropdown">
-        <li class="has-submenu">
-          <a href="#">One</a>
-          <ul class="submenu menu vertical" data-submenu>
-            <li><a href="#">One</a></li>
-            <li><a href="#">Two</a></li>
-            <li>
-              <a href="#">Three</a>
-              <ul class="submenu menu vertical align-left" data-submenu>
-                <li><a href="#">One</a></li>
-                <li><a href="#">Two</a></li>
-                <li><a href="#">Three</a></li>
-              </ul>  
-            </li>
-          </ul>
-        </li>
-        <li><a href="#">Two</a></li>
-        <li><a href="#">Three</a></li>
-      </ul>
-    </div>
-    <div class="top-bar-right">
+    
       <ul class="menu vertical medium-horizontal" data-responsive-menu="drilldown medium-dropdown">
         <li><a href="#">One</a></li>
         <li><a href="#">Two</a></li>
               <ul class="submenu menu vertical align-left" data-submenu>
                 <li><a href="#">One</a></li>
                 <li><a href="#">Two</a></li>
-                <li><a href="#">Three</a></li>
+                <li>
+                    <a href="#">Three</a>
+                    <ul class="submenu menu vertical align-left" data-submenu>
+                      <li><a href="#">One</a></li>
+                      <li><a href="#">Two</a></li>
+                      <li>
+                        <a href="#">Three</a>
+                        <ul class="submenu menu vertical align-left" data-submenu>
+                          <li><a href="#">One</a></li>
+                          <li><a href="#">Two</a></li>
+                          <li><a href="#">Three</a></li>
+                        </ul>  
+                      </li>
+                    </ul>  
+                  </li>
+                </ul>
               </ul>  
             </li>
           </ul>
         </li>
       </ul>
+
+    </div>
+    <div class="top-bar-right">
+      
     </div>
   </div>