You may want to hide sections or widgets from the front-end of your website but still retain the ability to view and edit them in the Elementor editor.
Custom CSS to hide Elementor elements on the front-end
Use this CSS to hide front-end sections or widgets but leave them accessible in the Elementor editor.
body:not(.elementor-editor-active) selector { display:none; }
Add the CSS to your element
Locate the element you want to hide on the front-end and go to Advanced -> Custom CSS. Input the above CSS there and your element will no longer display on the front-end of your Elementor site.
