Menu icon Foundation
Dropdown menu submenu position

Hi,

After the upgrade I have a bug with my dropdown menu, like the example in the manual:

<ul class="vertical dropdown menu" data-dropdown-menu style="max-width: 250px;">
  <li>
    <a href="#">Item 1</a>
    <ul class="vertical menu nested">
      <li><a href="#">Item 1A</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
</ul>

But when hovering or clicking on the main menu item, the submenu is taking up space. I checked why, and it seemed that position:absolute (what it should have been) is overwritten by the class .menu that has position set to relative.

Can anyone explain why this goes wrong in my case. In the manual in seems to work.

 

Nick

Foundation 6.4.2

Hi,

After the upgrade I have a bug with my dropdown menu, like the example in the manual:

<ul class="vertical dropdown menu" data-dropdown-menu style="max-width: 250px;">
  <li>
    <a href="#">Item 1</a>
    <ul class="vertical menu nested">
      <li><a href="#">Item 1A</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
</ul>

But when hovering or clicking on the main menu item, the submenu is taking up space. I checked why, and it seemed that position:absolute (what it should have been) is overwritten by the class .menu that has position set to relative.

Can anyone explain why this goes wrong in my case. In the manual in seems to work.

 

Nick