No Gallery in mobile version

Hi Anikay,

Thank you for contacting us ?? It is not possible with options. But you may try using custom CSS to enforce this behavior something as below.

To apply this to ALL Galleries, please add this line of code at the bottom of your active theme’s style.css file:

/* Display Gallery in 3 columns*/
div.envira-gallery-item {
    width: 33.33% !important;
	position: relative !important;
    display: inline-block !important;
    top: auto !important;
    left: auto !important;
    float: none !important;
    vertical-align: top !important;
}

Have a great weekend,
Thank you

Hi!
Hope the Eastern Egg Hunt was successful to you!

Unfortunately, this solution doesn’t work out. Now all the pictures are shown simultaneously. one behind another :/
you can see it here on your mobile device.

Hi Anikay,

Okay, please try this code:

/* Display Gallery in 3 columns on mobile devices */
@media all and (max-width: 600px) {
   .envira-gallery-wrap .envira-gallery-public .envira-gallery-item {
      width: 33.33% !important;
      position: relative !important;
      top: auto !important;
      left: auto !important;
      float: none !important;
      display: block !important;
  }
}

@media all and (max-width: 1024px) {
   .envira-gallery-wrap .envira-gallery-public .envira-gallery-item {
      width: 33.33% !important;
      position: relative !important;
      top: auto !important;
      left: auto !important;
      float: none !important;
      display: block !important;
  }
}

Please note: The above code normally works with the paid version of plugin. So I cannot guarantee the same for free version as it has certain limitations.

Thank you

Thanks… that’ll do….. the only issue I have now: the text starts pretty deep down the page in the mobile version :/
Any idea?
If that will work I think I’ll buy pro version.

Okay please try this updated code:

/* Display Gallery in 3 columns on mobile devices */
@media all and (max-width: 600px) {
   .envira-gallery-wrap .envira-gallery-public .envira-gallery-item {
      width: 33.33% !important;
      height: 405px !important;
      position: relative !important;
      top: auto !important;
      left: auto !important;
      float: none !important;
      display: block !important;
  }
}

@media all and (max-width: 1024px) {
   .envira-gallery-wrap .envira-gallery-public .envira-gallery-item {
      width: 33.33% !important;
      height: 405px !important;
      position: relative !important;
      top: auto !important;
      left: auto !important;
      float: none !important;
      display: block !important;
  }
}

Thanks

Dear Helper,
I purchased the envira Gallery (bronze), but now it’s not working properly anymore in the desktop version AND the mobile version.
Now I’m facing the problem of the 1 column again in the mobile version And now the lightbox in large monitors is broke ??
https://www.anikay-wagner.de/portfolio/portrait-fotografie/
I have a 1920×1080 Monitor. With my Laptop (14′)it looks fine.
I already made a ticket with the support.But maybe you have a faster response time ??

Hi Anikay,

What is your ticket number? And please send your site WP admin login from the same ticket (or email).

OR you can send WP login from here along with your old ticket number:
https://enviragallery.com/contact/

Thank you

As stated, these forums are for the free version of Envira (Envira Lite).

We’re happy to help via our support email for licensed customers, if you still need our help. You should find this week’s release introduces an option to define the number of columns on a mobile device.

Thanks.

This sounds great. Will the images be retina images?