Menu icon Foundation
Hamburger menu on the right. F6.

Hi All,

Utilising this building block http://zurb.com/building-blocks/f6-top-bar, how can I change the position of the hamburger menu so it displays on the right-hand-side instead of left?

Thanks!

menutop-barF6

Hi All,

Utilising this building block http://zurb.com/building-blocks/f6-top-bar, how can I change the position of the hamburger menu so it displays on the right-hand-side instead of left?

Thanks!

Val Ery almost 3 years ago

Hi Darren!

"Foundation way":

<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
  <div class="title-bar-right">
    <button class="menu-icon" type="button" data-toggle></button>
    <div class="title-bar-title">Menu</div>
  </div>
</div>

Son of Spectrum almost 3 years ago

 

Thanks Val for your continued help!