[franius]

Hi,

I have a dispaly issue on mobile device on my site http://www.gundamitalian.club

When I have installed paraobola on my site (one year ago), I setted the image height of the columns of the presentation page to 218, the same valor of the lenght (that is ghosted since it is not configurable).

In this manner, I have four square pictures in my presentation page.
And all worked fine on smartphone (1 column of 4 squared pics) an tablet (2 rows of 2 squared pics).

Now this does not work anymore.

On mobile device, the lenght of the pics is auto arranged to the maximum width of the screen, hile the height remains locked to 218, thus distorting the picture.

I do not know which version of Parabola onwards there is this problem, but I think it is quite recently,
I would say that has appeared over the past 2 or 3 months …

[Zed]

Try this custom styling:
@media (max-width: 480px) { body .column-image img { max-height: 100%; } }

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[franius]

Thank you.

It works on various Android smartphone in portrait mode only.Turning the device in landscape (2 rows and 2 columns), the images are distorted.

On tablets instead, tried on Ipad Mini 2 with ios 10, in portratit mode (2 rows and 2 columns) the images are deformed (in landscape is displayed desktop version, one line with four columns)

[franius]

Tested also on Android Tablet (samsung galaxy Tab A 9.7 inch display) and turning the device in portrati(2 rows and 2 columns), the images are distorted.

[Zed]

Try increasing the max-width to 800px so it applies to larger devices as well.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[franius]

Ok so it seems to work.

Thank you!

[Author]

Posts