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.
- 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).
- 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.
Smartphone screen, portrait view. The menu loads into a tiny sliver and is scrollable, but you have to really delicate and not accidentally scroll and tap and go to another link url.
Smartphone screen, landscape view. The menu loads, but the menu is push and pull scrollable.
Tablet, portrait view. The menu loads, but I can’t scroll down the menu. The only movement that occurs when I push up or down occurs on the actual content page.
Also, only on the home page the logo and menu follows along down the page when scrolling.