Archived topic
Elementor Lightbox buttons falling at the edge of the screen
5 replies · Started by Dainis on February 28, 2020
Hello,
I'm using Elementor Lightbox and GeneratePress theme and have issue of buttons falling off the screen:
https://www.evernote.com/shard/s66/sh/2d586528-9288-44d3-b8a5-96e46874350d/00921fb827b0c493/res/862a08e2-0a41-41ec-a130-477354c0626b/skitch.png
I reached out to Elementor, and deactivating Generatepress theme solves that issue.
So clearly something in GP code causes it.
How to fix it?
You can reproduce error by going to url, clicking on image and seeing where buttons are (top right edge of the screen).
https://sexualalpha.com/free-erotic-photos/
Hi there,
I'm really not seeing how GP can cause this - there is basically no code from GP in the lightbox at all.
Can we wait to see what Elementor's support say?
Let me know :)
They already replied, and from all suggestions...
Theme deactivation caused it to go away. I dont know why or how.
I deactivate GeneratePress (active Twenty Seven theme) and the issue goes away.
I activate it back and the buttons fall off the edge.
It seems clear that something in GP causes it.
Hi there,
try adding this CSS:
.elementor-slideshow__footer,
.elementor-slideshow__header {
box-sizing: border-box;
}You could ask Elementor to include the box-sizing: border-box; property in their CSS. This would resolve this issue for any theme that does not spam the entire site with that property.
that worked, thank you so much David!
Will reach out to Elementor and share your suggestion
You're welcome.
