From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 20 Jan 2016 20:08:28 +0000 (-0800)
Subject: Remove unnecessary classes and attributes from menus in responsive nav docs examples... 
X-Git-Tag: v6.1.2~20^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=5606925cdee4b425b7231523f3046255a2f53823;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Remove unnecessary classes and attributes from menus in responsive nav docs examples, closes #7291
---

diff --git a/docs/pages/responsive-navigation.md b/docs/pages/responsive-navigation.md
index a1cf82606..4d3bcce8f 100644
--- a/docs/pages/responsive-navigation.md
+++ b/docs/pages/responsive-navigation.md
@@ -25,12 +25,12 @@ For example, a drilldown menu works well on mobile, but on larger screens, you m
 
 ```html_example
 <ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown" style="width: 300px;">
-  <li class="has-submenu">
+  <li>
     <a href="#">Item 1</a>
-    <ul class="vertical submenu menu" data-submenu id="m2">
-      <li class="has-submenu">
+    <ul class="vertical menu">
+      <li>
         <a href="#">Item 1A</a>
-        <ul class="vertical submenu menu" data-submenu id="m3">
+        <ul class="vertical menu">
           <li><a href="#">Item 1A</a></li>
           <li><a href="#">Item 1B</a></li>
           <li><a href="#">Item 1C</a></li>
@@ -41,16 +41,16 @@ For example, a drilldown menu works well on mobile, but on larger screens, you m
       <li><a href="#">Item 1B</a></li>
     </ul>
   </li>
-  <li class="has-submenu">
+  <li>
     <a href="#">Item 2</a>
-    <ul class="vertical submenu menu" data-submenu>
+    <ul class="vertical menu"u>
       <li><a href="#">Item 2A</a></li>
       <li><a href="#">Item 2B</a></li>
     </ul>
   </li>
-  <li class="has-submenu">
+  <li>
     <a href="#">Item 3</a>
-    <ul class="vertical submenu menu" data-submenu>
+    <ul class="vertical menu">
       <li><a href="#">Item 3A</a></li>
       <li><a href="#">Item 3B</a></li>
     </ul>
@@ -82,9 +82,9 @@ By default, the tab bar will be visible on small screens, and the Menu hides. At
   <div class="top-bar-left">
     <ul class="dropdown menu" data-dropdown-menu>
       <li class="menu-text">Site Title</li>
-      <li class="has-submenu">
+      <li>
         <a href="#">One</a>
-        <ul class="submenu menu vertical" data-submenu>
+        <ul class="menu vertical">
           <li><a href="#">One</a></li>
           <li><a href="#">Two</a></li>
           <li><a href="#">Three</a></li>