Hamburger

This element is used to toggle the hamburger menu that is been used on tablet and mobile screens. When you put the class is-open on the o-header component, the menu will appear.

Default

px 

			
				<div class="a-hamburger js-a-hamburger ">
	<button class="a-hamburger__button" data-overlay-close="default">
		<span class="a-hamburger__first"></span>
		<span class="a-hamburger__middle"></span>
		<span class="a-hamburger__last"></span>
	</button>
</div>

Documentation

States

  • is-closed

    Will set the hamburger icon to a cross to close the mobile menu.

  • is-hidden

    Will hide the hamburger