Menu icon Foundation
Off canvas menu

Offcanvas

How will I set it's height to 100% when I click the "hamburger icon"? Because there is a scroll bar on the menu when clicked, i want to remove that and I can't see it's full menu :(

help.thanks.
I always having a hard time customizing foundation menu :/

offcanvasmenutopbar

Offcanvas

How will I set it's height to 100% when I click the "hamburger icon"? Because there is a scroll bar on the menu when clicked, i want to remove that and I can't see it's full menu :(

help.thanks.
I always having a hard time customizing foundation menu :/


Wing-Hou Chan gave the most helpful answer for this post
Wing-Hou Chan over 5 years ago

Howdy!

You need to set height: 100% on html, body, .off-canvas-wrap, .inner-wrap, .main-section. Here is Pen for you to look at: http://codepen.io/winghouchan/pen/EdHgF

warpaint over 5 years ago

I followed this
http://foundation.zurb.com/docs/components/offcanvas.html
but it didn't work :/

warpaint over 5 years ago

It will just work if I put all the content inside the ".inner-wrap" div

<section class="main-section">
<!-- content goes here -->
</section>

but what if the page has only few content?
the height of off-canvas menu depends on the content :/

Rafi Benkual over 5 years ago

You want the menu height to be set to viewport height when opened?

Wing-Hou Chan over 5 years ago

Howdy!

You need to set height: 100% on html, body, .off-canvas-wrap, .inner-wrap, .main-section. Here is Pen for you to look at: http://codepen.io/winghouchan/pen/EdHgF