Can’t exit overlaid popup panel

  • Resolved Fmodjr1913

    (@fmodjr1913)


    7 years, 3 months ago

    I have the Photonic plugin working perfectly as I would like with one exception.

    When the overlaid popup panel displays, I can’t exit it. Ideally I would be able to click an X to close out the popup window or at least click off to the side, but nothing will let me exit and return me to my webpage. Escape button doesn’t close it out and even selecting the back button on the browser doesn’t return me to my webpage – it instead returns me to the previous webpage and not the current. Selecting a photo on my webpage will demonstrate https://www.envisia360.com/testing-2/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    I have deliberately avoided attaching any action to the “Escape” button for the overlay, because it conflicts with the lightbox functionality.

    In your case, the challenge you are facing is that your header is sitting on top of the overlay, so you are not able to click on the x icon. This piece of custom CSS will solve the issue:

    .photonicModalOverlay { z-index: 10000; }

    Also, I noticed that you use Avada, a theme that bundles Bootstrap tooltip, which conflicts with WP’s native jQuery Tooltip, a script that Photonic uses. This causes a JavaScript error on your site. I have coded a workaround for this that will be available in the next version of the plugin. Follow the instructions here to address this.

    Thread Starter Fmodjr1913

    (@fmodjr1913)

    Thank you – seems to have fixed it. And thanks for the great plug-in.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t exit overlaid popup panel’ is closed to new replies.