Lightbox and touch gestures on ipad and some phones

[mpgf]

Hi,
we are having some troubles regarding the lightbox addon and ability to zoom in on some devices. The website is more or less finished, it works well on desktop and on most mobiles. breakpoint has not been changed, lightbox is off for mobile, on some iphones the mobile version changes back to regular when the orientation of the phone changes from portrait to landscape - lightbox would then be active but does not work, unless page is reloaded, could that be done somehow automatically by adding some js-code?
Besides on some devices it seems possible to pinch-zoom into lightbox images, which then somehow breaks the complete layout. Can btw do i have to disable that further via css touch-action?
I cannot really test all this live, on my android-phone everything is fine, zooming and scaling always disabled, website always in mobile version - iphone5 has the lightbox-issue, but zooming in is disabled and chrome developer tools simulator also shows some of these issues.
Besides there is one small problem with the use of the carousel-plugin - on mobile devices the margins of the neighbouring slides are sometimes visible (only 1px or so), especially, when one of slides only contains text on a white background and to the left and the right are photos, is there an easy option to hide these lines?
i have neither added any special settings or modifications whatsoever to lightbox or carousel, lightbox is set to off for mobile.
I did not find anything helpful in a quick search on the forum.
thank you, best
Mike

[mariusjopen]

Dear @mpgf
can you post a link?

Best!

Marius

[mpgf]

it is dev.giselakleinlein.de
pw is 123
i can also disable the private-blog plugin now (although i have not seen any problems caused by it, yet)

[mpgf]

ah, and the carousels are here:
http://dev.giselakleinlein.de/public-art
http://dev.giselakleinlein.de/fachhochschule-suedwestfalen/

[mariusjopen]

Dear @mpgf
Do you have everything up-to-date?
Wordpress, Plugins, Laytheme.
Marius

[mpgf]

yes, everything up to date, theme, plugins + wordpress

[mpgf]

for the carousel-issue i thought of doing this, seems to work at least in simulator: set left+right margin of .slide-inner to some px, doesn't reallyaffect the image size and seems to prevent these lines from showing

best Mike

[mariusjopen]

Dear @mpgf
we receive super many questions every day.

Is it possible to break down the problem a bit more.
Just that it is easier to understand and not a big block of text.
As well I will have a look with Armin and it is nicer, to understand the issue more easily.
Thank you!

Marius

[mpgf]

ok, main thing.
mobile horizontal - mobile layout works
on device rotation to landscape - desktop layout is shown (ok), but lightbox does not work

Second thing:
pinch-zooming into lightbox-images on ipad works (should be prevented) and then breaks the layout

third question:
Carousel shows small lines (1 or 2px) on the left and right side of the slide shown, which are margins of the neighboring slides - only on some devices

thank you.

[mpgf]

HI, tried some things by myself:

for the main thing:
auto-reload via additional js in head on orientation change fixes this, but a more elegant way would be good

third question:
Carousel problem is solved by adding left and right margins to .slide-inner

second problem remains:
pinch-zooming into the lightbox breaks the layout (ipad)
Can i prevent this (zoom-pinch only works on ios-devices anyway) or at least stop the layout from collapsing?

Some help on the last point and maybe the first would be appreciated.

[mpgf]

Hi Marius, hi Armin,
anything on my problem?

Second thing:
pinch-zooming into lightbox-images on ipad works (should be prevented) and then breaks the layout and the functionality

Can I either prevent pinch-zoom or somehow keep the grid working? Disabling Lightbox completely on ipad is no option.

Is getting urgent, I cannot find anything to solve this.

best
Mike

[mariusjopen]

Dear @mpgf
Ok, thank you for writing that down. This helped a lot!

We will have a look also with Armin and hope to get back to you as soon as possible.
Thank you for using LayTheme!
Marius

[arminunruh]

Please refer to this:
http://laythemeforum.com:4567/topic/5143/pinch-zoom-ios-lightbox/3