Popup cut off

Hi there,

You can fix this with some CSS in the Override CSS field in plugin settings. Please try this:

.sky-form-modal {
display: block;
padding-left: 18%;
}

Hi again,

Please use this instead:

.sky-form-modal {
display: block;
margin-left: 18%;
}

Hi,

I have tried both but they did not work.
Do I need to use chimpy_custom_css as a basis first?

Hi,

I just tired again and it worked. This is working fine for left and right. The popup is cut off from the bottom. How can I push the popup up so it is not cut off from the bottom?

Thankyou.

Hi again – I have been able to fix it with code you gave me – thank you so much. However it is not appearing at all on mobile devices. Can you please help?

Hi there,

You mentioned that it is not appearing on mobile devices. Did you dismiss the popup using the ‘Never show it again’ link?

In either case, i would suggest you to clear your browser’s cache and try again.

Hi,

No i did not dismiss the popup.
In mobiles – the black transparent page comes over the page as if there is a pop up to show – however no popup ends up coming up.

Please help.

Hi,

Can you share the link to this page? I might be able to fix it.

Hi, these are the links where the popup is showing:

https://stshenoudamonastery.org.au/category/monastery-news/
https://stshenoudamonastery.org.au/pimonakhos/
https://stshenoudamonastery.org.au/publications/
https://stshenoudamonastery.org.au/category/published-music

If you want the login details I can give you if it helps so you can do it from your end.

Hi there,

The sidebar is over-riding the popup which is a Z-Index issue. Please add this CSS code to fix this:

.chimpy_popup_content .sky-form-modal {
z-index: 10000000;
}

Hi,

The code did not work. I’m still get a blank black transparent screen on mobile devices.

Hi there,

Thank you for your patience. This is the response from our lead developer:

This is due to lack of responsiveness – the popup is there, but it’s off the screen. We do provide support for such issues for Chimpy, but not for Chimpy Lite. So, you will have to implement this on your own.

For example, the smallest breakpoint for mobile device

@media (max-width: 370px) {
.sky-form-modal {
left: 0;
margin-left: 0 !important;
width: 100%;
}
}