Elementor Header Broken Design on front-end but showing okay on preview mode

Table of Contents

This website experienced an issue with the Elementor header design, which was created using the Elementor page builder. The website owner attempted various methods to resolve the header issue, such as clearing the cache and checking Elementor settings but was unsuccessful. They contacted us for assistance, and we resolved the issue for them promptly. were able to resolve the issue for them promptly.

The issue was there, He maybe recently installed and activated SSL certificate on his website and forgot to update the WordPress and Site URL

WordPress Site URL

We updated the URLs and Updated the URLs from the Elementor Settings and this method worked fine and fixed the issue instantly!  If you have this issue then go to WordPress Dashboard => Elementor => Tools => Replace URL =>

Enter your old and new URLs for your WordPress installation, to update all Elementor data (Relevant for domain transfers or move to ‘HTTPS’).

After that don’t forget to click on the general tab and then the “Regenerate Files & Data” button. After that click save. 

Clear the browser cache and cookies and then check the site again. If this will not work then check the site in incognito/private mode

Enjoy! The Elementor Design broken issue has been resolved!

Click to rate this post!
[Total: 0 Average: 0]
Send us a Message
We would love to hear from you!