Lightbox in Phantom not working on mobile

[Anonymous]

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; }

[Anonymous]

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.

[Anonymous]

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.

[Anonymous]

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; }

[Anonymous]

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

[Anonymous]

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/

[Anonymous]

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.

[Anonymous]

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

[Author]

Posts