Hi guys,
I have a problem with Page builder for WordPress. Basically, whenever I use page Builder to create a page, it creates extra space (width) and makes the page overlap a little bit, for example a div which is 100vw on width has more than that. I am pretty sure that this problem is not caused by me, because when I turn the page builder of, everything displays as it should.
Here is example:
Page with Page Builder turned of – http://imageshack.com/a/img922/8658/sJC1gG.png
Page with Page Builder turned on – http://imageshack.com/a/img921/8550/Bww6HM.png
I have also encountered this on other site i made, but i had no time to fix it, so here is online example – http://www.halouzka.cz/
Funny thing is, that it also affects other parts of page than the parts created by Page builder
Has anyone encountered this?
How to prevent/fix it?
Thx in advance!
Hi Laďa Suchomel,
Oh, that’s weird. Could you please email us your theme at Private Snippet with the subject Private Snippet. That way we’ll be able to look into this and run tests to ensure this doesn’t happen.
Hi Alex,
Thanks for your answer. I have already discovered where the problem was, it was CSS related, Page builder is working absolutely fine!
Although it never happened to me using only CSS, no overlap whatsoever, here is the fix, if anyone will need that in future – When using full width elements (defined by 100vw) make sure that you use max-width:100% as well.
With the facts I had it seemed like the Page Builder is to blame, but I am glad it turned out like that. So sorry for any concerns I might have caused and thank you for willing to help!
Have a nice day!
Hi Laďa Suchomel,
No worries. If you run into any other issues please feel free to make a new thread.
Hi i have the same issue with Laďa Suchomel.
I use the page origin already for 2 theme by now,
and for those 3 of theme I have the same issue exactly as Laďa Suchomel had!
I used the Chrome Developer Tools then I found this CSS settings :
#pg-82-0 {
margin-left: -15px;
margin-right: -15px;
}
I tried to override those settings with !important operator through my own child theme .css file,
but no use.
I also tried what Laďa Suchomel suggest,
and no use for me.
Please help me,
Thank you!