dbushell/Responsive-Off-Canvas-Menu

When using page anchors, the header seems to disappear.

Opened this issue · 2 comments

When linking to a page anchor on the mobile size the header menu disappears. See an example here: http://www.portplus.com/storage/paul/mobile-test/

This is caused by overflow: hidden on #outer-wrap. Removing it allows named anchors to be linked to on page without hiding the menu however it allows you to scroll to the right when the menu is open.

Thoughts?

Here's a fix that worked for me. Apply overflow:hidden only when the menu is open.

#outer-wrap {
position: relative;
width: 100%;
}

.js-nav #outer-wrap {
overflow: hidden;
}

Do you have a gist on how you achieved that smooth/animated open and close mechanism with this plugin?