Specifically, it seems to kick in when the browser window is 1024 pixel wide or less, and it happens in any browser. I guess I’d like to make it a bit more forgiving of smaller screens and kick in under 800 pixels or so…
Shameless bump. There must be a way of preventing the mobile layout displaying on a desktop machine, right?
I am having the same issue on Chrome and Firefox. Some of my posts appear in the mobile layout on desktop. I have tried deactivating the WPtouch plugin but that hasn’t helped either. Does anyone know how to fix this issue?
near the bottom of the style.css sheet there are @media screen definitions. These determine what to do when the media the user is looking at the site on is:
a) a screen (unlike older cellphones which didn’t identify themselves as a screen display)
b) below or above certain min and max screenwidths. For example, there’s one set of rules for 400 pixel width, another for 783px, another for 1028, etc. I’m going off of the top of my head here so I may have got a few of those numbers a bit off.
Basically if your screen resolution is below 783 pixels (CSS pixels, not physical dots on your screen) Twenty Fourteen, in stock form, will collapse to mobile mode.
You don’t want to alter this CSS or you’ll lose the graceful collapse for cellphone users looking at your site in exchange for making it look good on *your* monitor. Consider increasing the resolution on your monitor instead.
I’m trying to do something similar–I want to stop the menu from switching to mobile on tablets. From there I need to be able to tweak the menu for phones. However, when I look at the CSS Karmatiger mentioned above, there are so many resolutions that it’s hard to figure out which ones to tweak and how to tweak them. At this point, I think the quickest solution will be to tweak the mobile menu to look identical to the standard menu, if it’s possible. I’ve combed through the style.css but can’t work out how to do it. I’ve managed to change the background-color of the mobile menu, but that’s it. Any ideas?
