Elementor Header Replacement

Job ID: 31803662

Budget: $10 – $30 USD

Hi. I was trying to create a new header within Elementor that will take over as the new header for my site. It's pretty easy to setup and I already created the initial state, however I cannot get it to overlap the page. It simply sits at the top of it. I tried different options but couldn't make it happen. It may require some CSS.

Here's what I need:
Make it so that the header sits overlapping the page content with a transparent background.

Upon scroll, a second sticky header will replace the initial one. I need all that setup.

If you could also check blog, product, and post pages to make sure it all works good on those pages too
Related categories: WordPress CSS Elementor