Disabling the light box function for portfolio

[DesignerDrew]

I would like to disable to the lightbox function for all of my portfolios when viewed on a smart phone. Currently, the overall look doesn’t make sense when you touch an image thumbnail and the image lightbox that pops up is smaller in size than the thumbnail itself. Can this be done? Thank you!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please add this to Theme Options => Custom CSS:

@media only screen and (max-width: 767px) {
   .portfolio-items a.lightbox.ilightbox-enabled {
       pointer-events: none;
   }
}

[DesignerDrew]

Thank you David. Can I also disable the hover effect on the thumbnails while viewed on a smart phone? It still does this when touching them while scrolling through.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 767px){
  figure.animated-overlay:hover figcaption {
      opacity: 0!important;
  }
}

Let us know if it worked.

-Rui

[DesignerDrew]

That works great, thank you Rui!

[Rui Guerreiro – SUPPORT]

No problem. Glad it’s sorted.

-Rui