myfolio ipad visualization

Using myfolio template for my site it seems that the standard dimensions are too big to be included in the ipad screen.

Is there a possibility to reduce the width of the template only for ipad and not for all the other devices?

Thanks

Hi,
I guess you are using default view for all devices. Becasue we have mobile views for mobile devices. You can set layouts in template settings in BAsic Settings section for ipads, hanhelds and android.

Hi,
I guess you are using default view for all devices. Becasue we have mobile views for mobile devices. You can set layouts in template settings in BAsic Settings section for ipads, hanhelds and android.

In my template admin panel I see those settings:

Default layout - defautl
Facebook layout- Facebook
iPhone layout - iPhone
Android layout - Android
Handheld layout- Handheld

I don't see any specific option for ipad. But in that case how could I manage that the Template width must be 900 px instead of the standard 1090px ?

Thanks

Go to template settings. Here in Layouts block you can define width of your template.

thanks for the answer.

I didn't explain well the problem: I would like to have 1090 px for desktop version and a different width (let's say 990px) for the ipad version only.

Is it possible?

Shall I consider the no-answer as a "no"?

Please try go to layouts/blocks/head.php and put this:

Code: Select all

$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');


after:

Code: Select all

<?php
// This is the code which will be placed in the head section
// No direct access.
defined('_JEXEC') or die;


And add at the bottom:

Code: Select all

if($isiPad) {
         $this->addCSS($this->URLtemplate() . '/css/ipad.css');
    }


Tnen go to template/css and made new file ipad.css and paste:

Code: Select all

.gkWrap {
width: 900px!important;
}


Thank you very much.

I followed the instructions and it seems that now it is possible to distinguish between the ipad user agent and the others.

I did a trial changing the user agent in firefox in order to watch the site as an ipad would do, but the result is that if I use firebug to see the css in the page, both the statements:

.gkWrap {
width: 1090px;
}

and


.gkWrap {

width: 900px!important;

}

are included.

It seems that the site is showed using the first one with width 1090px.


The web site is www.vignadelgal.it
have you any other suggestion in order to override this parameter?

Thank you again.