Pop Up Form not showing above slider on homepage

Hi Marissa,

Based on what you’ve described it sounds like there might be a CSS conflict between the Leadin popup form and your slider that is causing this, specifically the z-index of both. It should be possible to fix this if you can shoot me over a link to your site I can troubleshoot what will do it. Feel free to reply here or alternatively you can always shoot me a mail to [email protected]

Thanks!

I hate to hijack this thread but I’m having a similar problem where the top portion of the Leadin page overlay popup is hidden under the static header on one of my sites.

Any suggestion to fix it would be much appreciated.

For the time being I have the Leadin popup set to display in the bottom left corner, but I can put it back to a page overlay for testing purposes.

https://1099cio.com

Thanks.
Chris

Hi Chris,

Hijacking is not discouraged ?? It is indeed the same problem, a CSS conflict with the header itself, specifically overruling z-indexes. Long term we’re looking into solving this by increasing the Leadin Popup z-index however in the short term, if you’re able to add some CSS to your site, the below CSS will resolve this and ensure that the Leadin Popup Form appears on top of the header. You can add this into any of the CSS files included on your site, and it should resolve it.

.leadinModal {
    z-index: 111111 !important;
}

If there is anything I can clarify or if you run into any other trouble with it definitely let me know.

Cheers!

Thanks Shay, but the popup is still stuck under the static header on my site with that CSS.

Hi Chris,

Can you confirm how the above CSS was added to your website? Taking a look at the currently CSS resources that are being loaded on to your site I don’t currently see any additional .leadinModal z-index CSS being loaded which would explain why this is still appearing incorrect.

If you can confirm how it was added to the site I may be able to shine some light on how to resolve it.

Thanks,
Shay

Hi Shay,

The theme I am using at 1099cio.com has a built-in CSS editor that allows you to add custom CSS very easily. I have quite a few customizations in place with that tool and they all work. If we take this conversation off the public forum I can provide admin access if you want to have a quick look at it since it’s a lot easier to understand when you see it yourself.

Cheers,
Chris

Thanks Chris, that would be great. You can pop us a mail to support @ leadin.com and we can work on establishing what’s causing the Leadin specific CSS not to work.

Thanks,
Shay

Thanks for your help Shay. It looks like it’s working fine now.

Excellent support!

Cheers,
Chris

Thanks for keeping me posted Chris, glad we were able to get it resolved ??

Thanks,
Shay

Absolutely outstanding support Shay. Much appreciated.

Cheers,
Chris