Menu icon Foundation
[Question] - F6 Responsive Navigation

Hi All,

Is there a way to have responsive navigation in foundation 6 without using title bar on screen size below large.

Is it possible with toggler() method.

Thanks You

Foundationtitle bartop barResponsive

Hi All,

Is there a way to have responsive navigation in foundation 6 without using title bar on screen size below large.

Is it possible with toggler() method.

Thanks You

Cédric about 3 years ago

Hi,

I'm not sure to well understand the need.

Personnally i use buttons with dropdown for navigation.

<div class="expanded button-group">
	<a class="button expendable15" data-toggle="my-dropdown1">Products</a>
		<div class="dropdown-pane" id="my-dropdown1" data-dropdown data-close-on-click="true" >
...
					

On small screen, I expand to have buttons full screen width.

.button.etendable15{
  width:24% !important;
  @include breakpoint(small only) {
    width:100% !important;
      padding-top:0px !important;
      padding-bottom: 0px !important;
  }
}