Multiple popups on the same page: unnecessary scroll and stuck
-
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: AstraWhat 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 websiteWhat 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
The page I need help with: [log in to see the link]
- The topic ‘Multiple popups on the same page: unnecessary scroll and stuck’ is closed to new replies.