I'm having a weird issue with the Popup Maker – Popup Forms, Opt-ins & More plugin, I have it linked to the crisis information menu item. Essentially, when you click on the menu item, sometimes the pop-up appears but other times it doesn't, and if you visit different pages on the site then try clicking the menu item, it works.
I'm not really too sure what could be causing the issue. I have included the site url along with four screenshots of the settings.
I currently have WP Rocket and Perfmatters installed on the site, I activated the page transition plugin as well.
I also inserted link rel='preload' tags to the top of the header, for the plugin JS and CSS files, and I added the inline CSS that the plugin generates to the top.
However, it still does not seem to be working. Probably the most frustrating part is if you refresh the page after it loads, the pop-up then works. I imagine that is because the page is cached from the first / initial page load. Based on that, it does appear it is a loading issue, but the steps taken along with the code I inserted, should resolve the issue, so I am honestly not sure at this point what the problem could be.
I know this is likely a plugin issue and I should address it with the developer, but I just wanted to turn to you first because I have always had a positive experience with the theme support team and have learned a lot from browsing other tickets, so I just prefer your support more and feel more confident that you are able to find an effective solution.
I seem to have found a temporary solution. It seems to have been a conflict with the WP Rocket plugin. While I was able to preload the JS and CSS files, and exclude them from being touched by the plugin as well, there was inline JS that was being deferred, which of course caused the issue. I realized this after activating the Safe Mode for jQuery option in the WP Rocket settings (see attached screenshot).
While I guess this fixes the issue, I am potentially negatively impacting the load time for the page by no longer having the inline JS deffered, all for the sake of a single plugin working the right way.
Do you by any chance know of a way around this / another solution? If not, I guess I will have to reach out to WP Rocket support to see if there is something they can do.
Do you know if the developer had a chance to look into it?
Also, I seem to have run into another issue when hiding the left header. When hiding it, the footer and the copyright area still have padding on the left, as if the left header was still there.
I found this code below, and when changing the padding-left value to 0, it does fix the issue, but then the footer doesn't align with everything else on the page. I tried different values to get the footer aligned with everything else, but because the copyright area is a different background colour than the footer, it looks like there's random spacing to the left of it.
Hi there! I hope you are doing well :)
I'm having a weird issue with the Popup Maker – Popup Forms, Opt-ins & More plugin, I have it linked to the crisis information menu item. Essentially, when you click on the menu item, sometimes the pop-up appears but other times it doesn't, and if you visit different pages on the site then try clicking the menu item, it works.
I'm not really too sure what could be causing the issue. I have included the site url along with four screenshots of the settings.
Thank you so much!!
Hey Again,
We are doing alright
.
This could be because of the page not loading 100% when the menu item is clicked.
Try using the Optimization plugins recommended in this Article http://themenectar.com/docs/salient/performance-optimization-guide/ and check if that makes a difference .
Also turn on the Page Transition Option if not active in the Salient Theme Options Panel.
Thanks
ThemeNectar Support Team
Hey Tahir! :)
Glad to hear you are all doing alright :)
I currently have WP Rocket and Perfmatters installed on the site, I activated the page transition plugin as well.
I also inserted link rel='preload' tags to the top of the header, for the plugin JS and CSS files, and I added the inline CSS that the plugin generates to the top.
However, it still does not seem to be working. Probably the most frustrating part is if you refresh the page after it loads, the pop-up then works. I imagine that is because the page is cached from the first / initial page load. Based on that, it does appear it is a loading issue, but the steps taken along with the code I inserted, should resolve the issue, so I am honestly not sure at this point what the problem could be.
I know this is likely a plugin issue and I should address it with the developer, but I just wanted to turn to you first because I have always had a positive experience with the theme support team and have learned a lot from browsing other tickets, so I just prefer your support more and feel more confident that you are able to find an effective solution.
Thank you so much Tahir!
Hey Tahir!
I seem to have found a temporary solution. It seems to have been a conflict with the WP Rocket plugin. While I was able to preload the JS and CSS files, and exclude them from being touched by the plugin as well, there was inline JS that was being deferred, which of course caused the issue. I realized this after activating the Safe Mode for jQuery option in the WP Rocket settings (see attached screenshot).
While I guess this fixes the issue, I am potentially negatively impacting the load time for the page by no longer having the inline JS deffered, all for the sake of a single plugin working the right way.
Do you by any chance know of a way around this / another solution? If not, I guess I will have to reach out to WP Rocket support to see if there is something they can do.
Screenshot: https://paste.pics/8a04de78b88091f4d851bdc268a408c2
Hey Again,
Gonna escalate this to the developer so he may add in a response.
Thanks
ThemeNectar Support Team
Thank you so much Tahir!
Hey Tahir!
Do you know if the developer had a chance to look into it?
Also, I seem to have run into another issue when hiding the left header. When hiding it, the footer and the copyright area still have padding on the left, as if the left header was still there.
I found this code below, and when changing the padding-left value to 0, it does fix the issue, but then the footer doesn't align with everything else on the page. I tried different values to get the footer aligned with everything else, but because the copyright area is a different background colour than the footer, it looks like there's random spacing to the left of it.
Here's the site URL: https://smhc-smec.ca/apartnotalone/
@media only screen and (min-width: 1001px) {
body[data-footer-reveal="1"][data-header-format="left-header"] #footer-outer {
left: 0;
padding-left: 275px;
}