How to fix layout issue when cloning or duplicating a page or a blog post

There are times that clients uses re-usable templates for blog posts or their campaign pages, and those templates are usually requested to be built by Refari.

Oftentimes we are receiving reports in regards with layout issues when cloning a page and blog posts, and this is a common issue with elementor when cloning or duplicating pages.

And here are the steps to easily fix the issue:

• After cloning the page > Click “Edit” or “ Edit Page” then it will redirect you to the page edit dashboard

• Press the button “Edit with Elementor” and it will redirect you to elementor editor view

• Simply make some simple changes on the page like adjust the padding or adjust the texts spaces and you can revert/undo the changes. ** This is only to trigger and make the “Update” button active.**

• After the “Update” button activates you can simple Publish or save the page. And then elementor will regenerate the css/styles of the cloned page or blog posts.

Here’s a video showing the steps on how to fix

https://www.loom.com/share/1aaf7a97c10a4348af748ffeabb0d322

Note: When cloning elementor pages the styling doesn't apply after the page was cloned. In order for elementor to regenerate the css or styles of the cloned page you need to re-edit and update the page.