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
Lightbox and touch gestures on ipad and some phones
yes, everything up to date, theme, plugins + wordpress
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
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.
ok, main thing.
mobile horizontal - mobile layout works
on device rotation to landscape - desktop layout is shown (ok), but lightbox does not work
pinch-zooming into lightbox-images on ipad works (should be prevented) and then breaks the layout
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
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
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.
Hi Marius, hi Armin,
anything on my problem?
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.