Lightbox in Phantom not working on mobile

[lobo1970]

When I click on the thumbnail on mobile the Lightbox with video does not open. The page only scrolls down to the bottom.
https://maggietapert.com

[Rattus]

You can add this code to Advanced Settings of Phantom module:
.gmedia-phantom .mfp-bg, .gmedia-phantom .mfp-wrap { z-index: 999999; }

or add code below to your theme’s style.css file:
.top-banner-caption { z-index: 9999 !important; }

[lobo1970]

Thank you, first code line helped, but on iPhone when I click on the thumbnail the page still scrolls down to the bottom. Have to scroll up again to see the Lightbox.

[Rattus]

There is something wrong with your site on mobile browser. It’s bad coded… see screenshot.

Attachments:

You must be logged in to view attached files.

[lobo1970]

The problem ist the non-responsiveness of the gallery. I asked for that in another thread.

[Rattus]

When you set number of coulmns/rows in the gallery, then gallery will be fixed size. Set ‘Max-Height’, ‘Thumbnail Columns’, ‘Thumbnail Rows’ to 0.

[lobo1970]

Thank you, but than the gallery is not centered on page. An on iPhone still scrolling down.

[Rattus]

Ok, here is one more piece of code for you:

.gmPhantom_thumbsWrapper { text-align:center; }
div.gmPhantom_ThumbContainer, div.gmPhantom_LoadMore { float:none; display:inline-block; }

[lobo1970]

Woohooo! Thanks a lot! That’s awesome. Much appreciated!

[mykid]

Similar issue but Lightbox in Phantom on top left conner very small on mobile (iOS)

Please help http://mykidatelier.co.uk/my-kid-atelier-photo-gallery/

[Llyx]

This reply has been marked as private.

[Rattus]

@mykid: Your theme is not mobile optimised, but as I can see you’ve resolved this issue by linking to the GmediaCloud pages.

@Llyx: Can’t see any problem on your site with my iPhone.

[Llyx]

I solved the issue by accepting cookies Safari’s parms.
I guess this is mandatory for “like” option

[Author]

Posts