Menu icon Foundation
Dropdown opens in the wrong direction, F 6.2

Screenshot

Has no idea? With F6.12 yet everything worked. With F6.2 the drop-down menu opens in the wrong direction outside of the browser window, so that it is no longer visible.

<div  class="title-bar"  data-responsive-toggle="meinmenu"  data-hide-for="medium">
      <button  class="menu-icon"  type="button"  data-toggle=""></button>
      <div  class="title-bar-title">Menu</div>
    </div>
    <div  class="top-bar"  id="meinmenu">
      <div  class="top-bar-left">
        <ul  class="dropdown menu"  data-dropdown-menu="">
          <li  class="menu-text">Site Title</li>
        </ul>
      </div>
      <div  class="top-bar-right">
        <ul  class="vertical menu medium-horizontal"  data-responsive-menu="drilldown medium-dropdown">
          <!-- Link1 -->
          <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></li>
            </ul>
          </li>
          <!-- Link2 -->
          <li  class="has-submenu"> <a  href="#">Two</a>
            <ul  class="submenu menu vertical"  data-submenu="">
              <li><a  href="#">One</a></li>
              <li  class="has-submenu"> <a  href="#">Two</a>
                <ul  class="submenu menu vertical"  data-submenu="">
                  <li><a  href="#">Sub1</a></li>
                  <li><a  href="#">Sub2</a></li>
                </ul>
              </li>
              <li><a  href="#">Three</a></li>
            </ul>
          </li>
          <!-- Link3 -->
          <li><a  href="#">Three</a></li>
          <!-- Link4 -->
          <li><a  href="#">Four</a></li>
        </ul>
        </div>
      </div>

Foundation 6.2dropdowntop-bar

Screenshot

Has no idea? With F6.12 yet everything worked. With F6.2 the drop-down menu opens in the wrong direction outside of the browser window, so that it is no longer visible.

<div  class="title-bar"  data-responsive-toggle="meinmenu"  data-hide-for="medium">
      <button  class="menu-icon"  type="button"  data-toggle=""></button>
      <div  class="title-bar-title">Menu</div>
    </div>
    <div  class="top-bar"  id="meinmenu">
      <div  class="top-bar-left">
        <ul  class="dropdown menu"  data-dropdown-menu="">
          <li  class="menu-text">Site Title</li>
        </ul>
      </div>
      <div  class="top-bar-right">
        <ul  class="vertical menu medium-horizontal"  data-responsive-menu="drilldown medium-dropdown">
          <!-- Link1 -->
          <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></li>
            </ul>
          </li>
          <!-- Link2 -->
          <li  class="has-submenu"> <a  href="#">Two</a>
            <ul  class="submenu menu vertical"  data-submenu="">
              <li><a  href="#">One</a></li>
              <li  class="has-submenu"> <a  href="#">Two</a>
                <ul  class="submenu menu vertical"  data-submenu="">
                  <li><a  href="#">Sub1</a></li>
                  <li><a  href="#">Sub2</a></li>
                </ul>
              </li>
              <li><a  href="#">Three</a></li>
            </ul>
          </li>
          <!-- Link3 -->
          <li><a  href="#">Three</a></li>
          <!-- Link4 -->
          <li><a  href="#">Four</a></li>
        </ul>
        </div>
      </div>