blog documentation FAQ followers forum marketplace services youtube

Issue viewing site on Microsoft Surface

The Jamroom Network » Forum » Using Jamroom » Page » Issue viewing site on Microsoft Surface
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
Just wondering if there has been any more moving forward with the issue of viewing sites on a Microsoft Surface. The original topic I posted was closed so posting again about it.
It's all to do with the hamburger menu showing up as it thinks it's a mobile device which is making it near impossible to use correctly.

Here is the link to that original post

https://www.jamroom.net/the-jamroom-network/forum/my_posts/25494/hamburger-icon-and-menu-showing-on-ms-surface-tablet
updated by @john-bizley: 06/12/15 10:24:31PM
brian
@brian
9 years ago
10,148 posts
John Bizley:
Just wondering if there has been any more moving forward with the issue of viewing sites on a Microsoft Surface. The original topic I posted was closed so posting again about it.
It's all to do with the hamburger menu showing up as it thinks it's a mobile device which is making it near impossible to use correctly.

The menu icon (the "hamburger") will show/not show depending on screen resolution. What is the screen resolution of the surface? I don't own one (or even use Windows) so I am not sure how to test it at the moment.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
brian:
John Bizley:
Just wondering if there has been any more moving forward with the issue of viewing sites on a Microsoft Surface. The original topic I posted was closed so posting again about it.
It's all to do with the hamburger menu showing up as it thinks it's a mobile device which is making it near impossible to use correctly.

The menu icon (the "hamburger") will show/not show depending on screen resolution. What is the screen resolution of the surface? I don't own one (or even use Windows) so I am not sure how to test it at the moment.

Thanks!

The resolution of the Surface 2 is 1920 x 1080 and the screen size 10.6 inches. If you go into any electrical store selling them you can log into a site and take a look, in portrait view the hamburger icon shows but the layout is ok as it looks the same as the mobile view so it's not an issue that way.
My local stores get used to me visiting them to test stuff on all the devices now lol :-)
brian
@brian
9 years ago
10,148 posts
With a minimum width resolution of 1080, the mobile menu should never show - it is set for a max width of 1025px - so that tells me the surface is "ignoring" the CSS3 media query which would be lame. What skin are you using?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
brian:
With a minimum width resolution of 1080, the mobile menu should never show - it is set for a max width of 1025px - so that tells me the surface is "ignoring" the CSS3 media query which would be lame. What skin are you using?

Thanks!

I am using the Ningja skin for the site. I have a Ning site which I am still messing with and have added lots of media queries in that and the Surface see's those fine. I am wondering though if it's the type of media query that is being used as you use the handheld type like here from the mobile skin css, @media handheld, only screen and (max-width: 767px){ where as in my Ning site css I just use the @media only screen and ( sizing ){

It makes me wonder as the Surface is a type of tablet then the code is being read as ' handheld' which is causing the hamburger icon to show up.
brian
@brian
9 years ago
10,148 posts
That definitely could be it - I'd have to test to make sure that change doesn't break it on other tablets, but it seems logical. If you change it in your CSS does it fix it for you?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
brian:
That definitely could be it - I'd have to test to make sure that change doesn't break it on other tablets, but it seems logical. If you change it in your CSS does it fix it for you?

Thanks!

Going to have a try and see what happens and will report back if that fix's it, I have an android tablet also so can test it on that to.
brian
@brian
9 years ago
10,148 posts
I appreciate that - I'm currently out in the middle of nowhere Arizona on vacation and have limited time/access so you're help is really appreciated.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
brian:
I appreciate that - I'm currently out in the middle of nowhere Arizona on vacation and have limited time/access so you're help is really appreciated.

Thanks!

No worries Brian, tested it and didn't solve it but will keep at it and see what I can come up with. Don't worry to much about it for now and enjoy your vacation :-)
brian
@brian
9 years ago
10,148 posts
John Bizley:
brian:
I appreciate that - I'm currently out in the middle of nowhere Arizona on vacation and have limited time/access so you're help is really appreciated.

Thanks!

No worries Brian, tested it and didn't solve it but will keep at it and see what I can come up with. Don't worry to much about it for now and enjoy your vacation :-)

Thanks for the feedback on this - if you find anything out let me know - when I get a chance here I will see if I can find an emulator I can test on.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Tags