Your Popup Is Not Displaying on Your Homepage (or Another Page)
The Problem #
You've got a popup that isn't displaying on one of your pages like your homepage. But you see that same popup display fine on other pages.
You know that it's * not* a cookie issue, because:
- You've cleared out your browser's cookies.
- You don't have a cookie setup for your popup.
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.
This guide is for specifically troubleshooting a CSS conflict or a popup targeting mistake. For general popup problems, head over to our Troubleshooting Your First Popup doc.
Likely Causes #
There are 2 likely causes for a popup not displaying on a particular page but showing up on others.
- There could be a CSS conflict on that page.
- The targeting conditions for your popup might be telling that popup not to display on that page.
Solution 1: Override the CSS Conflict #
This solution works best when:
- 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.
Learn other ways to add CSS in our Getting Started with Custom CSS guide.
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.
Bonus: Quick Test in the Browser #
Do you want to see how we test our CSS fix lightning-fast using only the Chrome browser? Check out this short video. We also quickly cover how to make the CSS fix permanent.
Solution 2: Check Your Popup's Targeting Conditions #
If the first solution didn't work and you're not experiencing the page freeze effect, it's time to check your popup's Targeting Conditions. Follow these steps.
- Edit your popup.
- Scroll down to the Popup Settings under the popup editor.
- Click on the Targeting side tab.
- 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.
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. See our related docs below.
Explore our Resources page or send us a help request if you'd like our experts to have a look!