Menu icon Foundation
Dropdown pane with hamburger icon

I wonder how I can cause a dropdown menu with a hamburger icon, instead of the down arrow (see screenshot). I need this only for 3 or 4 Links, no need of a off-canvas menu. Should be very minimalistic.

Is there an optimal approach in Foundation 6?

Thanks!

Bildschirmfoto 2015 12 02 um 15.34.16

hamburgerfoundation 6dropdown

I wonder how I can cause a dropdown menu with a hamburger icon, instead of the down arrow (see screenshot). I need this only for 3 or 4 Links, no need of a off-canvas menu. Should be very minimalistic.

Is there an optimal approach in Foundation 6?

Thanks!

Bildschirmfoto 2015 12 02 um 15.34.16
Chris Oyler over 3 years ago

You would need to update the css-triangle mixin used by the dropdown menu, or simply place your icon within the <a> <i class="hamburger"></i> </a> tag. Something of that nature. Then set the sass variable $dropdownmenu-arrows to false.