Wonder if anyone has any ideas with this one.

I am using Newstream2 Template on this site - www.loretoabbeydalkey.com and have a zengrid at the bottom of each page (Quicklinks).

It is responsive on everything except when you hold a ipad in the portrait position. In this instance, it uses the settings for an Iphone and therefore only displays images in rows of 1 and are therefore quite large on an ipad.

I feel that the ipad should really use the same setting (ie rows of 4) when displayed in either landscape or portrait position.

Any thoughts ?

Paul

Hi Paul,

Can you turn off css optimisation / compression

Cheers
Paul

Hi there,

I have now done that but still having the same issue.

Regards

Paul

Hi Paul,

This is the behaviour for the template its set at this width to display at 100%

so you will need to add a media query overriding the current style
for example

@media (max-width: 970px) and (min-width: 320px) {
#zentools410 .grid_three {width: 22.05% !important;}
}

changing the max and min width values as required

Cheers
Paul