Problem with popup on certain pages

  • I have added the Anything Popup pluging, and configured a tour booking contact form using Contact Form 7. It seems to load correctly on a test post I was working with, but as soon as I added it to the tour posts I needed it to work on, when you click the “book now” button the form is out of sight, or doesn’t load at all.

    Any idea what could be going wrong?

    Test example is here: https://www.planitnz.com/test-4/

    Doesn’t work here: https://www.planitnz.com/3-day-bay-of-islands-adventure-tour/

    Could it be the length of the pages is resulting in it showing up out of view? If so, how can I make it always show up in the middle of the page?

Viewing 2 replies - 1 through 2 (of 2 total)
  • C W (VYSO)

    (@cyril-washbrook)

    On your test page, the popup container has a top value of -11px. In other words, the container starts slightly above the viewport.

    On your live page, the popup container has a top value of 580.5px. In other words, the container starts 580.5px below the top of the viewport. On a typical screen, most or all of the popup is outside the viewport. You would need to change the CSS positioning of the popup container to bring it into view. I don’t know how that plugin works so I can’t tell you exactly how.

    Personally, it looks like a terribly conceived and constructed plugin in any case and I would look for a better solution: using a fixed height sticky window that does not scroll properly is a recipe for disaster, especially on mobile devices. If you must use a modal popup box (something that I would question from a design and user experience perspective in any case), there are better options than the one you’ve picked.

    Thread Starter nzguyyy

    (@nzguyyy)

    Hi Cyril

    Thanks- do you have any suggestions for a better plugin? I need a contact form that pops up upon clicking for booking those tours.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with popup on certain pages’ is closed to new replies.