Menu Problem on Windows 10 Tablet

[Kelly Peterson]

I have a site build with GeneratePress ( http://www.morkcontracting.com ) that is having a problem with Windows 10 Tablets. For some reason, these new windows touch tablets don’t consistently swap to the mobile version (probably due to pixel density on some of them) and when that happens, they have to click, then click again to use any sub-menu item that’s within a dropdown.

I’ve not managed to find a way to resolve this, and suspect that it’s happening across more than just my site.

Thank you.
Kelly “Kitsu” Peterson

[Tom]

Hi there,

Interesting, is there any way you can take a screenshot of the site not switching to the mobile version?

I’ll have to try to get my hands on a Windows 10 tablet.

[Kelly Peterson]

I’ll see if I can borrow my boss’s tablet, but I think it might be not using mobile simply because it’s very pixel dense (It’s a MobiTab and the dimensions are 1920 x 1200 http://reviews-tablet.com/mobitab-v1-8-inch-tablet-quad-core-dual-system/ ).

The bigger issue is that when you click a menu item and open a sub-menu, you have click and then click again to use any of the links in that sub-menu. I think it might be related to the parent item being set to aria-haspopup, but I’m not familiar enough to be sure or fluent enough in PHP to try and fix it myself. The whole not using the mobile menu would have been a non-issue if the “click, then click again” behavior wasn’t there in the menu to begin with.

[Tom]

Interesting, maybe I’ll drop by a Best Buy or something and see if there’s one I can test with.

I’ll let you know 🙂

[Kelly Peterson]

Any progress on this front? I’m hoping to get this resolved as quickly as possible, and I suspect it’s on all sites using generatepress so It seems like a big deal.

[Tom]

Not yet, having trouble understanding what could be going on.

GP uses media queries for the mobile responsive aspects of the site, which is the same as practically every other responsive site on the internet. So this issue wouldn’t just be with GP, it would be will millions of website.

I tried searching for “MobiTab media queries” but nothing came up at all, so people haven’t been searching for it.

Have you tried on other GP sites? Our demo for example? http://demo.generatepress.com

[Kelly Peterson]

Sub menus require two presses to work, even on additional sites ( http://larp.kitsufox.com and the Generatepress demo ). I think one of the issues with the MobiTab and media queries is that it has a massive pixel density and is calling the desktop version of the site (the generate press demo site has 3 footer columns on all pages and a sidebar on the tablet and the laptop I’m using to write this).

This might be in the ballpark of things that can’t be fixed on high-pixel density devices because they’re not respecting whatever touch commands it takes to make the menus play nice on mobile devices due to the media queries aren’t getting called up.

[Tom]

Looks like I’m going to need to get a MobiTab.

I’ll report back ASAP.

[Tom]

Can you try something?

Open the mobile.min.css file in /wp-content/themes/generatepress/css and change 768px to 48em.

I’m wondering if using em units will fix it.

[Author]

Posts