Join the Voxel Guide Community!

Get Involved

Free Elementor Pro : Fix conflict between Pro Elements and Elementor

Description/Instructions

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.

Instructions

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
Copy Code

Let's Chat About this Snippet

Chat Toggle
Voxel Guide AI
Voxel Guide AI
Voxel Guide AI
Voxel Guide AI
Ask me anything about Voxel!
Send
Powered by AI24