Skip to content

Snippets / PHP

PHP

Free Elementor Pro : Fix conflict between Pro Elements and Elementor

B brindeau.joachim · 260 views · Updated 1 year ago
When using Pro Elements to get Elementor Pro features for free, you will sometimes be stuck with a loading screen forever.This snippet fixes that.
Simply paste this in your favorite snippet management plugin.
function remove_elementor_loading_panel() {
// Check if Elementor is active
if ( did_action( 'elementor/loaded' ) ) {
// Add custom script to Elementor editor
add_action('elementor/editor/after_enqueue_scripts', function() {
?>
<script>
document.addEventListener('DOMContentLoaded', function() {
function removeLoadingPanel() {
const loadingPanel = document.querySelector('#elementor-panel-state-loading');
if (loadingPanel) {
loadingPanel.remove();
}
}

// Run immediately
removeLoadingPanel();

// Run after a short delay
setTimeout(removeLoadingPanel, 500);

// Watch for changes
const observer = new MutationObserver(function() {
removeLoadingPanel();
});

observer.observe(document.body, {
childList: true,
subtree: true
});
});
</script>
<?php
});

// Add custom styles
add_action('elementor/editor/after_enqueue_styles', function() {
?>
<style>
#elementor-panel-state-loading {
display: none !important;
}
</style>
<?php
});
}
}
add_action('init', 'remove_elementor_loading_panel');
PHP · 48 lines

Discussion

Ask a question or share how you used this.

Log in to join the discussion.

No comments yet — be the first.

Voxel Guide assistant
Ask about snippets, addons & how-tos

Hey — how can I help?

I can dig through the library for snippets, addons, and tutorials.

AI can be wrong — double-check anything important.