My site's menu works perfect on the desktop, but when I test it on my smartphone and my tablet I run into two issues.

1) When the menu loads it doesn't touch and scroll. Instead the page behind the menu scrolls on both the tablet (only in portrait mode) and smartphone screen(only in landscape).2) When I tap the menu in the portrait mode on my smartphone the menu doesn't load at all unless I have both check boxes checked.(Menu fills page..., Disable scroll offset...) Even though it works in this situation, the menu that loads is a tiny sliver on the screen and really difficult to navigate unless I'm really careful.

Hi @angierosie, One reason why you're unable to interact with the menu icon on mobile is because your content div has a z-index of 30 and the menu has a z-index of 0. Try setting your menu to be on top of your other elements.

This is a common area of trouble and I remember when I first learned about z-index - it helped me a ton! Many times when something isn't working quite right - I'll immediately take a peek and see if any elements are "blocking" anything.

I have the menu displaying on mobile now and it was working with finger scrolling in the tiny box (would there be a way to make it take over the screen?), but now when I try to finger scroll it stays stuck on one link. The link that appears in the menu also differs from page to page.