Hustle Plugin Not Displaying Correctly

Thank you! We will follow-up shortly.

So we took a look at your page and if your menu goes overtop of popup that is caused by how the z-index is set.

Your secondary menu has a z-index of 9000. by default this is set to 999. Bypass it on Hustle via custom CSS by adding a higher z-index to the modal.

.wph-modal.wph-modal-container {
           z-index: 9001;
       }

For the ruling, use the “Pop-up shown less than” display condition and set how many times it should appear.

Let me know if this helps!

Thanks so much @jdailey
Worked perfectly. Life saver.

Actually @jdailey the pop up is now working fine on desktop but it won’t show up in mobile or tablet view. Any ideas why? Would it be due to the custom CSS I added?

Hi @jdailey any ideas why my pop up only shows on PC and not mobile and tablet now? It displays correctly but with the CSS it’s hidden on mobile and tablet.

Really appreciate some help on this if you can!!

Thanks

Sorry for the delayed response! Could you check to see if you have the “not on mobile devices” option selected in the display conditions?

Also, We posted and update to day. Be sure and update to the latest version and let us know how the update goes.

Just checking in to make sure this solution worked for you. I am going to mark this topic as resolved. If you still need help please let us know and we can reopen the ticket for you.

hi @jdailey, No the box “not shown on mobile device” is not checked. So it’s not resolved yet. Please can you continue helping me.

Hi @jdailey, if I don’t respond right away please don’t close the case until it’s resolved. I’m travelling at the moment so I have limited access to my emails.

Thank you for the followup. I just visited your site and the pop-up displayed the same on both my desktop and phone. Here is a screenshot from my phone.

Please let me know how it should be displaying.

Hello,
I do have the same problem then Felicity456 had.
On the Mobile it just looks wrong. The Menu is over the Popup and the Popup can’t be closed.
Here is the side: https://www.skund.de

I tried the costume css:
.wph-modal.wph-modal-container {
z-index: 9001;
}

It still doesn’t work.

Thx

@lillykc thank you for giving Hustle a try. Could you please open a separate ticket as this issue does not seem to be the same. When running a test on your site we found a JS error. Also, we do not see any Hustle popups active on the mobile or desktop verion of your site. We look forward to hearing from you.