Menu icon Foundation
Setting the background color of a dropdown in a topbar menu

I'm trying to change the color of the dropdown menu in a topbar as per http://foundation.zurb.com/sites/docs/top-bar.html.

 

Here's the HTML:

    <div class="top-bar">
      <div class="top-bar-left">
        <ul class="menu">
          <li class="menu-text logo"><strong>My</strong>FEIE</li>
        </ul>
      </div>
      <div class="top-bar-right">
        <ul class="dropdown menu" data-dropdown-menu>
          <li>
            <a href="#">Account</a>
            <ul class="menu vertical">
              <li><a href="#">Billing</a></li>
              <li><a href="#">Settings</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>

Then in Sass I'm setting:

$topbar-submenu-background: $light-gray;

But, it's having no effect. Any ideas?

dropdowns

I'm trying to change the color of the dropdown menu in a topbar as per http://foundation.zurb.com/sites/docs/top-bar.html.

 

Here's the HTML:

    <div class="top-bar">
      <div class="top-bar-left">
        <ul class="menu">
          <li class="menu-text logo"><strong>My</strong>FEIE</li>
        </ul>
      </div>
      <div class="top-bar-right">
        <ul class="dropdown menu" data-dropdown-menu>
          <li>
            <a href="#">Account</a>
            <ul class="menu vertical">
              <li><a href="#">Billing</a></li>
              <li><a href="#">Settings</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>

Then in Sass I'm setting:

$topbar-submenu-background: $light-gray;

But, it's having no effect. Any ideas?