When using Elementor and transparent headers, it can be really annoying that some of your pages do not use the correct template and therefore they will be pulled up, and very difficult to use within the Elementor builder. I have for you today some Editor only CSS code. Sometimes you cant get to the header part or edit page section holder. To combat this there is a top secret peice of code known only to a few higher up in the food chain. I will share this with you but please keep it to yourself!
I add this code to the CSS while I was editing the header, where you make the margin negative bottom by approx 6% in the builder. The code will ONLY be active when the editor is active.
This is the css class to be used.
.elementor-editor-active
The below code was placed in the header itself.
1 2 3 4 5 |
.elementor-editor-active selector { margin-bottom: 6%; } |