Your Popup Is Not Displaying on Your Homepage (or Another Page)

The Problem #

Your popup displays fine on all other pages except for your homepage or another particular post/page.

So, for this troubleshooting guide, we tackle why your popup works on some but not all of your pages.

Not a Cookie Issue #

You know that it’s *not* a cookie issue because of the following:

• You’ve cleared out your browser’s cookies. 
• You don’t have a cookie setup for your popup.

Please rule out any cookie problems before reading on.

Your Page Freezes #

On top of that, the whole page freezes when the popup doesn’t display. So you can’t scroll or click on anything on that page.

When a popup doesn’t show, and the page freezes at the same time, it’s almost always because of a CSS conflict.

This guide is for specifically troubleshooting a CSS conflict or a popup targeting or click trigger mistake. If your popup isn’t opening at all on any post and page, head over to our Troubleshooting Your First Popup doc.

Likely Causes #

There are 3 likely causes for a popup not displaying on a particular page but showing up on others.

1. There could be a CSS conflict on that page.
2. The targeting conditions for your popup might be telling that popup not to display on that page.
3. You have a click popup that you forgot to “connect” to an element on that page.

Solution 1: Override the CSS Conflict #

This solution works best when you have the following:

• You know your popup works on another page.
• Another plugin, your theme, or some custom code causes a CSS conflict with Popup Maker, but you have no idea which it is.
• You know it’s not a cookie, cache, or targeting issue.
• Your popup has an overlay, and your page freezes when the popup is supposed to appear.
• There are no JavaScript errors in the console for the page that the popup isn’t showing.

To override the conflict, add the following CSS code to your site.

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

You can add custom CSS to your WordPress site by going to Appearance > Customize > Additional CSS from your WordPress admin area. 

Copy the CSS code above and paste it into the Additional CSS editor. Click Publish.

Save Changes and Clear Your Caches #

Make sure you save your CSS changes and flush your WordPress caches.

Then, reload the page that’s having the issue. 

If it’s still not working, try adding this line of CSS under the display: block !important; line.

	opacity: 1 !important; /* Add this line if needed. */

Then, retest.

You can view the full CSS source code on GitHub.

Solution 2: Check Your Popup’s Targeting Conditions #

If the CSS conflict fix didn’t work and you’re not seeing the page freeze effect, it’s time to check your popup’s Targeting Conditions. Follow these steps.

1. Edit your popup.
2. Scroll down to the Popup Settings under the popup editor.
3. Click on the Targeting side tab.
4. Check your conditions to make sure there’s nothing excluding the pages you want your popup to display on.

AND Versus OR Condition #

One common targeting mistake is to add a targeting condition that will never get satisfied. Here’s an example. 

Let’s say you have the following:

• You have a homepage and a separate shop page. These two pages are not the same.
• You have a targeting condition that tells the popup to display if the page you’re on is the Home Page AND the Shop Page. 

Since your homepage and your shop page are two different pages (i.e., not the same page), your  AND condition will never happen. So, your popup will never show.

To fix that, you can do the following:

• Remove the AND condition. 
• Add an OR condition instead. 

The OR condition tells the popup to display if the page you’re on is the Home Page OR the Shop Page. Now, you’ll see your popup if you’re on the home page or the shop page!

The other option is to keep your original condition but make your homepage be the same as your shop page.

See our Targeting Options help guide to learn more about popup targeting conditions.

Solution 3: Make Sure Your Click Popup Is Connected to Your Page #

If you’re seeing your Click Open popup on another post or page, that means that the popup’s trigger is “connected” to an element on that working post/page.

But maybe on the post or page where the popup does not display (not working), you never “connected” the popup’s Click Open trigger.

If that’s the case, follow the instructions in our popup triggers beginner’s guide!

Are You Still Seeing the Issue? #

Did you remember to save your changes and clear your caches?

If you’re still seeing the issue, there could be other things going on. Please read our comprehensive troubleshooting guide.

If you’d rather have our experts take a look, send us a help request!