I have been experiencing numerous issues since Elementor transitioned to flex boxes. Until now, I haven’t needed to edit my site, so I haven’t bothered. But now, I do.
My issue: When I create a new element in Elementor and place them side by side (in a 3×1 grid), they appear completely fine in the editor. However, as soon as I publish the changes, they stack on top of each other. I have no control over horizontal positioning at all, regardless of what I try.
Steps I have taken to identify the error:
Created a completely new page. (Failure)
Disabled all plugins except the ones you recommend using. (Failure)
Attempted to forcibly move the elements in the CSS. (Failure)
Used containers instead of flexboxes and completely disabled the flexbox feature. (Failure)
Converted everything on the page to flexboxes. (Failure)
Contacted Elementor support. (They concluded that it is indeed theme-based and therefore cannot help.)
Changed the theme. (This worked)
Linked with the post are examples of how it looks in the editor and how it looks on the published site.
Attachments:
You must be
logged in to view attached files.
.
