-
Hello,
I created a “Newsletter signup” fixed overlay: a little box in the bottom-right corner with a button to sign up to the newsletter, that is fixed when we scroll.
My only problem is that since it’s an overlay, even if I uncheck the “Show Backdrop” box, the links on my page are unreachable. I would like the content of the pages to be reachable even if the newsletter overlay is still open. I tried adding some CSS to force the overlay to be max-content in width and height but can’t figure out how to still have it placed in the bottom-right.
I there a way? You can find the website in the private info.
Thank you!
-
Hi there,
Try this CSS:
div#gb-overlay-2528 { max-width: fit-content; max-height: fit-content; bottom: 0; right: 0; left: unset; top: unset; }Let me know if this helps!
-
Hi,
It works perfectly, thank you very much!
-
Glad to hear that 🙂
-
Hello,
I am sorry to re-open this topic but I encountered another problem with my overlay.
A colleague of mine has a smaller screen and the overlay does not appear on her side. I tried to replicate her problem with the browser console, and I see that the overlay goes too far to the right sometimes, see result here: https://i.postimg.cc/SxDdYcxQ/overlay-problem.png
Do you have an idea on how to fix this issue?
Thank you in advance!
-
Hi there,
Could you provide the page URL again where we can inspect the overlay issue?
-
Hi,
Yes of course, I added it in the private info.
-
Hello,
Set
overflow: hiddento the sections where you have images that are absolute positioned (eg: the V and O shaped images) -
Hello,
Perfect, thank you!
-
No problem!
- You must be logged in to reply to this topic.