I’m having trouble with
When I preview the website on my device, the page is appearing as it should and there are no section overlaps. However, when my client views the page the sections will overlap. In the editor itself, the page is appearing as it should.
Working in
Editor X
Site link
What I’m trying to do
I don’t understand what the triggers could be and I would like to mitigate how often this issue occurs as much as possible.
What I’ve tried so far
Most information is about element overlap and the few posts about section overlap haven’t been helpful or applicable. I tried checking docking settings, making sure there are no negative margins, section heights are set to auto, etc
I dont think most the “tech support” actually know what they are doing at this point either. I have had that problem myself and what I had to do to fix the issues is clear my browsers cache as a full purge and then install (which I hate) Google Chrome to edit things and fix those issues. What’s really irritating is the apparent timing out so you have to save and reload constantly. I haven’t had that issue is about a week but it does still occur. So try a different browser and see which one works best. That seems to be the only real solution at this point.
Your issue seems to be binded to different screen resolutions! On higher screen resolutions → your page will show like intended, but on smaler ones you will get your section overlappings, caused by no real responsive settings (i guess).
You should always differentiate between units like —>
% → (percentage)
vh/vw → (vieport-height / viewport-width)
px → (pixel)
and some other ones like …
4) em
5) rem
…and maybe even some more.
You surely already have seen those 3 first mentioned ones inside of your Wix-Studio-Editor.
Oh, you still are using EDITOR-X ???
However, those ones should also be to be found inside of the older EDITOR-X.
Make sure you do setup them the right way (using the right ones on the right element in the right usecase).
Another suggestion i can give you is to wrap several elements into a CONTAINER-WRAPPER, meaning to put multiple element inside a section into an own container → grouping those elements together). This also can change the responsive behaviour, out of my experience.
