Pop-up close button doesn’t do anything

  • Resolved mattf10

    (@mattf10)


    2 weeks, 6 days ago

    I added a pop-up to the home page. In pop-up settings, I ticked ‘Show Close Button’. Although I see the ‘X’ in the top right corner, clicking it does nothing.

    Note: if I change the ‘Close Button Position’ in the Styles tab to ‘Outside’, then it works. But not with the default setting of ‘Inside’.

    • This topic was modified 2 weeks, 6 days ago by mattf10.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Poonam Namdev

    (@poonam9)

    2 weeks, 4 days ago

    Hi @mattf10,

    Thank you for bringing this to our attention. However, I’m unable to replicate the issue on my end.

    Could you please share the URL of the page where you’re experiencing this problem? Additionally, if you see any errors in your browser’s console, please send us a screenshot of those errors so we can investigate further.

    Thread Starter mattf10

    (@mattf10)

    2 weeks, 4 days ago

    On this page: [ redundant link deleted ]. Note that I got it working by changing the Style position value to ‘Outside’, but when set to ‘Inside’ it doesn’t work.

    I had a closer look and the problem is the padding on the 2nd column that holds the image. This causes the column to sit on top of the ‘x’, which makes it unclickable. You can fix it by adding a z-index parameter to the div with class ‘otter-popup__modal_header’. Currently, the z-index is being added to the inner button element, but it has no effect since the position is set to static.

    Plugin Support Poonam Namdev

    (@poonam9)

    2 weeks, 4 days ago

    Hi @mattf10,

    Thanks for sharing details. However, I am still not able to replicate the same issue.

    Could you please share a screenshot of your popup block settings so I can replicate it?

    Thread Starter mattf10

    (@mattf10)

    2 weeks, 4 days ago

    Sure. I changed it to Inside and now the button is not clickable.

    Here are the block settings: https://www.pasteboard.co/o2XWV4Ntdio0.png

    Here is a screen shot showing the padding that’s blocking the button: https://www.pasteboard.co/cyclLbTfLt2z.png

    If you move the z-index css declaration to the wrapper div, this will fix the problem.

    Plugin Support rodicaelena

    (@rodicaelena)

    2 weeks, 3 days ago

    Hi Matt,

    We were able to replicate this, and report it to the development team for review.

    As a temporary solution, until an official fix is out, you can try adding this code in Appearance > Customize > Additional CSS:

    .otter-popup__modal_header {
     z-index:99999 !important;
    }

    Let us know if this helps.

    Kind regards!

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.