Skip to content
This repository has been archived by the owner on Aug 10, 2024. It is now read-only.

When using page anchors, the header seems to disappear. #10

Open
abmultimedia opened this issue Sep 26, 2013 · 2 comments
Open

When using page anchors, the header seems to disappear. #10

abmultimedia opened this issue Sep 26, 2013 · 2 comments

Comments

@abmultimedia
Copy link

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?

@abmultimedia
Copy link
Author

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;
}

@wbashir
Copy link

wbashir commented Sep 26, 2013

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants