Pinch zoom breaks responsive menu button

  • Hi all,

    Using Customizr 3.2.10 with a child for some css but no additional functions.

    PInch zoom in portrait mode on Safari on an iPad breaks the responsive three line menu button. It doesn’t seem to break it on iPhone, though. I’m still digging for another tablet to test it on.

    To duplicate the error, you’ll need an iPad, I guess. Please visit ashokan.org and see that responsive menu button does indeed work. Then use it to navigate to another page, try dances, for example. Button still works. Now pinch zoom anywhere on the page, scroll around a little, pinch zoom back to 100%. Button no longer works.

    I do have that button styled with the CSS for adding the word menu, but I removed it with no difference. Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Seems to work for me. Pinch-zoom reduced to show 3 tabs I have open. Back to 100% and still works.

    Thread Starter lazykins

    (@lazykins)

    Thank you for trying. I have narrowed it down a bit. Hiding the menu button breaks it. As long as it is still in the window when you zoom or scroll, it won’t break.

    Go to the About –> Lodging page then simply scroll down to hide the menu button and it breaks. Also, it doesn’t seem to break on pages with sliders. Still testing this. But once it breaks, it breaks on all pages. Closing the browser window and reopening fixes it.

    Still works for me.

    Thread Starter lazykins

    (@lazykins)

    Hmm. What iOS version?

    8.1.2

    Thread Starter lazykins

    (@lazykins)

    I had been using an older iOS. I updated and so far have been unable to recreate the broken button. I will keep playing and mark resolved if this was the fix. Thank you rdell.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Pinch zoom breaks responsive menu button’ is closed to new replies.