search

dbushell / Responsive-Off-Canvas-Menu

A responsive off-canvas menu using CSS transforms and transitions. This repository contains several demos to support a Smashing Magazine article.
819 stars 217 forks source link

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

Open abmultimedia opened 11 years ago

abmultimedia commented 11 years ago

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 commented 11 years ago

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 commented 11 years ago

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