By vladimirkomarek on

hi i ve made a views with a grid of images with a specific image style (scale and crop)... 3 per line.
no problems with the computer: googlechrome, opera, safari etc.
but when i browse the page on my iphone (portrait or landscape) the images display in bad layout. different size and position.
i don't know how to debug in the iphone so... what do you suggest?

⋅ Categories: Drupal 7.x

Comments

VM’s picture

VM commented

is the site utilizing a responsive theme and responsive image styles? if no, that's a good place to start.

vladimirkomarek’s picture

vladimirkomarek commented

i am using Venture theme: https://www.drupal.org/project/venture_theme
and it is responsive... image styles are not... but i don't think images to be responsive to the different media sizes... i just need em to scale proportionally at the grid resize (i guess).
thanks
how can i fix this?

vladimirkomarek’s picture

vladimirkomarek commented

why is it working on the computer (if i resize the browser window)
and not on the mobile?

vladimirkomarek’s picture

vladimirkomarek commented

i've set a class for the images ("fix-image-sizes")
and set the css like this:

.fix-img-size img {
width: 99%;
}

thanks alot

vladimirkomarek’s picture

vladimirkomarek commented

like this:

i've set a class for the images ("fix-image-sizes")
and set the css like this:

.fix-img-size img {
width: 99%;
}

thanks alot

VM’s picture

VM commented

responsive image styles = https://www.drupal.org/project/picture