Multiple popups on the same page: unnecessary scroll and stuck

  • Resolved tsikinsasha

    (@tsikinsasha)


    2 years, 4 months ago

    Hello there. First off, I would like to say thanks to a Popup Maker Team for making a completely free plugin with a lot of build-in features. I am glad that Popup Maker came to be as it’s now.

    Unfortunately tho I have an issue with my implementation of popups.

    My website info and link to implementation
    My website: moonlit-fotograf.com (implementation is on the home page, the rest of the website is not ready yet)
    Page builder used: Default Block Page Builder + Free Kadence Blocks Plugin
    Theme used: Astra

    What is supposed to happen
    I want to have the same popup appear on different buttons on the same page. The implementation should be as on this page: nikitashirokov.com/muzhskaya-fotosessiya-v-moskve
    *Note that the link above is not my website but instead an example of how I want it to be on my website

    What is actually happening (Issue description)
    On a home page “moonlit-fotograf.com” I am facing an issue when trying to have same popup triggered by multiple buttons. The first button (above the fold one) is working fine, but all the rest of them are scrolling up the page and then screen gets stuck at the top of the page.

    I have look at other support cases like that and have added custom CSS of 

    .pum-overlay.pum-active, .pum-overlay.pum-active .popmake.active 
  {     
    display: block !important;  
  }

    But even with this code and additional opacity: 1 !important; code the issue still persists and also now before popup appears screen turns dark for a millisecond and only then popup appears.

    —

    Therefore I have some questions regarding implementing popups so they would work as in this example: nikitashirokov.com/muzhskaya-fotosessiya-v-moskve

    1) Should I be using block builder to build popups, or is standard version of popup builder is more stable and optimized?

    2) What is the right way to implement popup being triggered by multiple buttons of the same page? Should I be using special ID, or can I use “Popup Controls” setting while editing the button block?

    3) How to avoid scrolling after button click? Currently I have a link field in button block settings blank, and that might be causing scroll to happen.

    4) How to avoid scrolling being stuck after clicking one of the buttons that trigger popup?

    5) How to avoid screen turning dark for a millisecond before popup appears with custom CSS from this blog post: https://docs.wppopupmaker.com/article/544-your-popup-is-not-displaying-on-your-homepage

    • This topic was modified 2 years, 4 months ago by tsikinsasha.

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

Viewing 1 replies (of 1 total)
  • Maria T

    (@mariatogonon)

    Hi @tsikinsasha,

    Thanks for writing in to us and for the detailed explanation.

    I checked your website and I can confirm the issues.

    1) You can use your existing block builder editor, but you can still use the standard popup editor/classic editor. It will be much easier to create/edit popups, as well.

    2) If you are using a third-party editor then we would suggest use the popup’s CSS class and add it as the button element’s class, or add a # to the beginning and use it as a link.

    3) By default, this shouldn’t be happening. Please could you check this guide to see if this will help?: https://docs.wppopupmaker.com/article/278-why-is-my-popup-not-scrolling-properly-background-scrolling This will give you a set of possible solutions to try when the page scrolls but the popup does not.

    4) When I rechecked the site, seems I wasn’t able to reproduce the scrolling being stuck. Can you send us a screen capture of it?

    5) Have you tried to disable the popup’s overlay? Go to Popup Settings > Display > Advanced, tick the Disable Overlay box option. Screen recording: https://share.getcloudapp.com/7Ku6d8Gw

    After that, retest using incognito mode browser to see if the issue will still persists.

    Let us know how it goes and if you have any other questions.

    Thank you & have a great day! ??

Viewing 1 replies (of 1 total)
  • The topic ‘Multiple popups on the same page: unnecessary scroll and stuck’ is closed to new replies.