Gallery not repositioning to one column in mobile view

Hey, what version of Envira Lite are you running on your site?

Thanks!

Hi Erica,

I am running Envira Lite 1.5.0.4

Anyone have any idea?

Can you send over a link to a gallery on your site where it’s showing as two columns on mobile display? Thanks!

I have this running on localhost before going live. About Tuesday or Wednesday of next week I will go live whether this is fixed or not. I will be able to give a link at that time.

Actually Correction of the last.

I have Envira running on another site that is doing the same thing. Here is the link to one of the gallery pages on that site:

working-trucks-walcott-truckers-jamboree-2015

Thanks for the link. ??

This is the type of responsive behavior the gallery should have by default, but you can use a bit of CSS to force all galleries to show in a single column on small screens. Will you add the following to your active theme’s style.css file and confirm the galleries then show in a single column as you’re hoping on mobile:

@media all and (max-width: 459px) {
   .envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item,
   .envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item,
   .envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item,
   .envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item,
   .envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item {
      width: 100% !important;
   }
}

Thanks!

Thanks Erica. Your code did the trick. I had thought that the default behavior was for a single column in mobile view. Thanks for letting me know the default behavior.

I can’t believe I have to add custom css code to make images ONE column on mobile. Why is this no longer a setting in Envira? In the older version of Envira, the first setting in the Mobile tab was “Number of Gallery Columns”

Hi graphics616,
Could you tell me if your are still using Envire Lite on https://www.roadworksmfg.com/working-trucks-walcott-truckers-jamboree-2015/?

My lightbox looks very different from yours in the mobile view. Lightbox images are smaller than thumbnails. It does not make much sense to open lightbox if you are going to see smaller images.

Look at a comparison: https://drive.google.com/open?id=0B2Tr7P2PLM07aF96aUdEd3FWcVk
My url: https://soldelicanray.cl/lican-ray-belleza-turistica/

Thanks!