title: CSS change the style vertical responsive menu
body: <p>How to change the style, if the menu switch to vertical?!?! <a href="http://foundation.zurb.com/sites/docs/responsive-navigation.html#responsive-menu" rel="nofollow">Responsive Menu</a></p>
  
  <pre><code>&lt;ul class="vertical medium-horizontal menu"&gt;
    &lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Item 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Item 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I tried for example:</p>
  
  <pre><code>.vertical li{background-color: #000000;}
  </code></pre>