Support

Support is part of Event Gallery Extended.

Please get a subscription if you need support. Feel free to use the ticket system or the contact form for reporting defects or pre-sale questions. Make sure you're logged in in order to be able to create a new ticket.

For general information you can also jump to the manual.

Subscribe now!

#850 Images in an album narrow, stripes. mobile phones

Posted in ‘Event Gallery - General’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by sbluege on Friday, 11 July 2014 05:02 UTC

hackbul
Good afternoon, I have a problem with display of images on mobile phones. Images in an album narrow, stripes.
http://polet-kino.ru/fotogalereya.html
Joomla version the last 3.3.1, Event Gallery 3.1.6 version.
Please help to solve a problem

sbluege

What kind of mobil phone is this?

hackbul
Forgive, not I threw that link, here the correct: http://polet-kino.ru/fotogalereya/event/71.den-lubvi-semii-vernosti.html
Phone: iphone 5s, IOS 7.1.2 version

sbluege
Unfortunately I don't have such a device to do a test myself. Does my demo site work on this phone?

hackbul
On your basic and a demo a site from my phone all is displayed well. Probably the problem is covered in my ja_obelisk template, to be exact in those css which are loaded for mobile version of a site. But I is honest in confusion and I am afraid without your help as it won't turn out!
Yours faithfully Andrey Petrov.

sbluege
Can you try to add this CSS to your templates CSS file please?

.thumbnail img.lazyme,
.cart-items .cart-item img,
.ajaxpaging #thumbs .thumbnail img {
    max-width: 4000px !important;
}


There was a similar issue with Android 2.3 browsers. Maybe this helps.

hackbul
No, didn't help!

hackbul
Strange, but incorrectly shows only in the safary browser. I tried in chrome, it is displayed correctly.
With Ipad both in chrome and in safari too it is correctly displayed

hackbul
It is visible a problem in adaptive functions of a template.

sbluege
Can you debug this safari browser somehow? It is very likely that the width of the images are set to width:100% !important or something like this. I still think the snippet above is a step into the right direction. Using "!important" causes issues most of the time.