SOLVED
Hello all,
I'm trying to implement an RTP dialog box campaign on mobile devices. The image width and positioning is working fine but the close button is too high up and being blocked from view by the top nav bar.
I've tried changing up the positioning settings on the campaign with no luck, any tips on how to lower the close button?
1 ACCEPTED SOLUTION
Accepted Solutions
Hi Lucho,
Here is the solution, as we corresponded on mail.
As for the Dialog Close button not appearing, it looks like the Menu Bar has a very high Z Index value in the CSS and this shows it on top of the Dialog. The solution is to change the Z Index value of our UI Dialog. Any value above 1000 will show the dialog box and close button above the bar, see the screenshot below:
If you want this to be permanent on your site, we recommend you add the following code to your main.CSS stylesheet and this will make sure the Dialog is on top of all stuff.
.insightera.ui-dialog { z-index: 100000000 !important;}
Image:
Hi Lucho,
Here is the solution, as we corresponded on mail.
As for the Dialog Close button not appearing, it looks like the Menu Bar has a very high Z Index value in the CSS and this shows it on top of the Dialog. The solution is to change the Z Index value of our UI Dialog. Any value above 1000 will show the dialog box and close button above the bar, see the screenshot below:
If you want this to be permanent on your site, we recommend you add the following code to your main.CSS stylesheet and this will make sure the Dialog is on top of all stuff.
.insightera.ui-dialog { z-index: 100000000 !important;}
Image:
.png)