Pop-Ups Empty Sometimes – Debug doesn’t do anything – inconsistent

@jonhardison

Sorry you’re having difficulties, I’m sure we can this resolved.

That’s pretty strange behavior for the Click Triggers – are you getting any kind of errors in the console of your browser (f12)?

It sounds like something weird is happening with the triggers themselves. Have you tried disabling your other plugins one at a time to see if there could be conflict?

Thank you for being patient.

@waltmesser

Thank you for the speedy reply!

Checked on several browsers and there are no errors. Oddly enough, triggering the pop-up and resizing the window causes the pop-up to become visible?
How weird is that?

Hey there!

It’s fixed. I found the previous support request by @treasureseason wherein he described the same situation and tried your solution, which sort of worked.

It’s acting as it should on desktop but iOS is still a mess.
FYI: We’re using Popup Maker to display before & afters via a CodeCanyon plugin called Before and After Slider (not a slider).

They’re working in some situations and not others.
Example: The standard class selector seems to work fine.
But a[href$=”#id_name”] doesn’t produce the expected result.

Stranger still is that rotating the device (changing the screen size) causes the content of the pop-up to be displayed properly?
Which is the problem I figured we’d already fixed.

So confused – I’m disabling these pop-ups on mobile and leaving it at that.
Just wanted you to know what I’d noticed with all this. ??

Thank you again for the speedy reply!

@jonhardison

Maybe I’m a little confused here, but I thought the issue was with the Triggers, not the popup itself? Or, is it both?

The thread you’re referring to has to do with sliders/maps/etc. not displaying in the popup properly, or displaying in a thumbnail size, and it won’t display properly until the window is resized – so you are having this issue in addition to the Click Trigger issues?

You say it sort of worked – does that mean it works on the desktop, but not on mobile?

Also, what do you mean when you say iOS is a mess? Does that mean it’s not working at all, or that it’s working, but buggy or something?

Just throwing a dart here, but if it’s just buggy on mobile, then your theme styles may be overwriting ours causing weird scrolling issues, among other things. If this is the case, then check out this doc, and scroll down to Solution #5.

Hope that helps!

@jonhardison – Want to clarify a few things and throw some extra info in here to help get it solved.

1. a[href$=”#id_name”] Should work for any links ending in #id_name. That said a lot of themes have some type of smooth scrolling set up. This means that they also target all links with a # in them at all and prevent additional events (such as our click trigger event) from firing. They do that so they can then smoothscroll, but in this case they are actually breaking things by having their code target all # links rather than only certain ones. IE their code is being what we call “Greedy” and not leaving room for others.

2. The slider|map|resize issue is caused by their JS as well (kind of). The problem is that they check on page load for any instances of their slider in their JS. If found they then initialize it with various settings etc. The problem is they generally use the container its in (the popup) to set a size = to the container. In short on page load they set the slider width / height = to that of the popup. Problem is on page load the popup is hidden and the browser gives it an effective size of 0, thus your slider takes that size as well.

The reason it comes back after you resize is because they also listen for window.resize and then trigger their sliders to resize as well to ensure they stay responsive. We do this too (for positioning, not size) so its very common practice.

The only way to solve this is A) have them find another way to size it (using pure CSS is best option), B) find out if they have a way to manually trigger the resize via JS (some js function you can call) then call that function during the pumAfterOpen event so it resizes just as the popup opens to look correct. C) Give it a defined sized container. IE Wrap it in a div with width 400px etc.

3) Click triggers (not by default) can also use cookies. This means that if the cookie is set the click trigger will not activate. Edit your click trigger and be sure there is no cookie assigned.

Hope that helps.

Closing this ticket due to inactivity. If you’re still having an issue, create a new thread, link this one, and we will continue troubleshooting.

Please take a moment to rate and review our plugin and/or support.