How to create a transparent header in Elementor

Often in the Elementor Facebook group I see the question

“How do you create a header  which is transparent?”

Out of the box Elementor doesn’t do that. And some people would arguable say that this feature should be left with the theme but I beg to differ since Elementor has now included the header and footer templating in their Pro feature. In this tutorial you would need the Pro version  though I am sure there is a way that you can create the same without the use of plugins.

Elementor Tools:

Elementor 
Elementor Pro
Sticky Header Effects