Joomla Templates Club 406,261 posts

[monger quark Friend monger quarkJoin date: December 2011Posts: 21Downloads:0Uploads:7 Thanks: 3 Thanked: 2 times in 1 posts]

#180157

Hello,

Actually my website is using full layout in iPad Landscape-Mode (which is okay) but it is not using Mobile-Layout in iPad Portrait-View (768 x 1024). I do not want to use full layout in iPad Portrait-View, mobile layout should be used instead.

With a kindle tablet I do not have this problem, here my site is using full layout for Landscape-View and mobile layout for Portrait-View (600 x 1024). That is exactly what I would also need for my iPad!

What changes have to be done to achieve this?

Greetings,
Martin

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#465172

Hello monger quark,

JA Lens mobile layout is only activated when width of screen is less than 719px. As you see, width of screen in iPad portrait view is 768px. So mobile layout can’t be activated in this case.

Regards.

[monger quark Friend monger quarkJoin date: December 2011Posts: 21Downloads:0Uploads:7 Thanks: 3 Thanked: 2 times in 1 posts]

#465243

Hi Stork11,

Okay, I already thought that it could be like this but is there really no way to change these resolution limits?

Lets say raising mobile-tablet-layout limit to less than 800px instead – so I should get mobile view in iPad portrait mode. There must be a place where you can change resolution limits for different layouts, or do I misunderstand something important here? It would be really important for my project thats why I am so persistent. 😉

Thanks for your explanation,
Martin

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#465246

Note my signature – copy the file before changing it! 😉

If you look at /templates/ja_lens/js/wall.js @ line 49

(EDIT) STRIKE THAT. Why did I write that file? Ho hum. Sorry, file is /templates/ja_lens/component.php – line 49

<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/layout-mobile.css" media="only screen and (max-width:719px)" />

and change the 719px to 800px or so it should work.

You can test it on http://www.responsinator.com/

Hope that helps! (and works!)

1 user says Thank You to swissa for this useful post

1. monger quark

[monger quark Friend monger quarkJoin date: December 2011Posts: 21Downloads:0Uploads:7 Thanks: 3 Thanked: 2 times in 1 posts]

#465353

And I already thought that I went completely nuts because I could not find this line first. 😀

Thanks swissa!

[Author]

Posts