Menu icon Foundation
How to get a dropdown-pane to push down content

Is there a way to make a 100% dropdown-pane such as the one shown here  http://codepen.io/rafibomb/pen/MKVGPV push down the following content.

in my case the dropdown is being called by a topbar dropdown menu li.

Aren't topbar menus supposed to push down content by default?

foundation 6dropdown-panepush content

Is there a way to make a 100% dropdown-pane such as the one shown here  http://codepen.io/rafibomb/pen/MKVGPV push down the following content.

in my case the dropdown is being called by a topbar dropdown menu li.

Aren't topbar menus supposed to push down content by default?

Rafi Benkual over 3 years ago

That seems like a different component. The dropdown traditionally opens to overlap content and not disturb the position of content underneath.

You could make the pane position: relative instead of absolute:

.dropdown-pane {
  position: relative;
}

Alternatively you can use another component using a jQuery slidetoggle.

Or the Foundation toggler plugin:http://codepen.io/rafibomb/pen/ZQEGog

Or this: http://codepen.io/cchambers/pen/nAIiE