blog documentation FAQ followers forum marketplace services youtube

solved Tablet Views

The Jamroom Network » Forum » Design and Skin Customization » Page » Tablet Views
gary.moncrieff
gary.moncrieff
@garymoncrieff
10 years ago
865 posts
Hey

Is it possible to use

jrCore_is_tablet_device() to hide something but ony when the tablet is in protrait orientation?

My header looks find in landscape but gets mangled up in protrait mode.
updated by @garymoncrieff: 06/13/15 01:16:27PM
michael
@michael
10 years ago
7,800 posts
That function uses this system to detect the mobile:
http://mobiledetect.net/

but there is nothing in the jamroom function that can check for orientation, not sure if that exists in the main library or not.
Strumelia
Strumelia
@strumelia
10 years ago
3,605 posts
Micheal, I had this issue if you recall, and Brian fixed it in a purely practical way by reducing space between the links and also adding an additional height to the header (which had a plain brown background) so the links wouldn't drop down into the body of the site in portrait mode on iPad, where they were so hard to see... Gary, is this the same thing you are experiencing?


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
brian
@brian
10 years ago
10,149 posts
This is doable, but requires using the jrCore_is_tablet_device() in conjunction with CSS - i.e.

{if jrCore_is_tablet_device()}
<style type="text/css">
@media only screen and (max-width: ????px) {
    #id_to_hide {
        display:none;
    }
}
</style>
{/if}

Change the ????px to be the width of the table screen in pixels in landscape mode (you might need to play with it a a bit).

Let me know if that helps.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
gary.moncrieff
gary.moncrieff
@garymoncrieff
10 years ago
865 posts
Thanks Brian works like a charm.

Tags