Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 12, 2023 at 6:34 pm #1410366
    tonyiatridis

    On https://elliottlandy.com/popcolor/ my client would like to disable the pop-up slideshow on the mobile version when you click on one of the images in the masonry grid but leave it running on the desktop version. Do you have a css or php hack for that? Much appreciated.

    June 13, 2023 at 3:32 am #1410404
    Ismael

    Hey tonyiatridis,

    Thank you for the inquiry.

    To disable the lightbox or pointer events for the masonry item on mobile devices, you can use the following CSS code:

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .av-masonry-entry.av-masonry-item-loaded {
    pointer-events: none;
  }
}

    By setting pointer-events to none, the masonry item will no longer respond to user interactions, effectively disabling the lightbox or any other pointer events associated with it.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.