[Karl KParticipant]

I’m having an issue with the lightbox on my envira gallery. They’re not resizing when viewed on a mobile device. Here’s a post where the issue is appearing: http://www.guysdrinkingbeer.com/illinois-january-2017-beer-labels

I did add some additional CSS recently to expand the width of my content on devices with smaller screens. I’m wondering if that is causing this hiccup? Because I didn’t have a problem prior to implementing the code, which is below.

@media ( max-width: 1024px )
{
.site, .x-navbar.x-navbar-fixed-top.x-container.max.width
{
    width: 100%;
    max-width: inherit;
}
.x-container.max
{
    width: 96%;
    max-width:inherit;
    }
}

Any thoughts?

[JadeModerator]

Hi there,

Please add this code in the customizer:

@media (max-width: 767px) {
    .envirabox-overlay.overlay-supersize.overlay-base_dark .envira-supersize .envirabox-outer {
        padding: 0 50px;
    }
}

Hope this helps.

[Karl KParticipant]

It helped some. The lightbox image is now sized correctly for the screen, however the image is pushed to the right. would changing the padding from 50px to 25px bring it closer to center?

[Karl KParticipant]

I removed the code above to tinker with envira gallery a bit and the issue seems to have corrected itself using the Firefox mobile browser. However Safari is still having the problem in portrait, but not landscape (although the navigation arrows are almost not usable), and the lightbox image isn’t even visible in Chrome (the screen just has a dark tint). Any suggestions — or explanations as to why there would be such a disparity across browsers and operating systems?

[RadModerator]

Hi there,

It’s known issue with Envira gallery’s lightbox and it’s under investigation. Please use 3rd party lightbox, or use Essential grid as a temporary gallery.

Thanks!

[Karl KParticipant]

Thanks for the update. I’ve begun the process of migrating those galleries from envira gallery over to essential grid.

[RahulModerator]

Glad to hear it!

If you have anything further to ask, feel free to let us know. We’d be happy to assist you with anything.

Thanks.

[Author]

Posts