⭐️ How To Fix Menu Overlapping Page or Blog in Elementor 😱

While redesigning my own website with Elementor and the Astra theme I was working on an old page from my previous design. All I wanted to do was change the branding colours and that was pretty much it.

Upon previewing my new design I noticed that the menu was severely overlapping the page in Elementor, and it looked terrible! 😱

After some extensive troubleshooting I finally found the problem.

It's a lot easier than I thought.

If this video saved you some time and effort kindly give it a thumbs up and consider subscribing to my chanel.

[troelsersking]

To save everyone some time, solution around the 3.30 mark. Thanks for the workaround

[nathanirvine]

Top stuff. I was going round in circles trying to sort it out for hours, but this method fixed it instantly. Thanks.

[moonbeet]

Thanks to your video, problem solved -- no more overlapping header on my website!

[Amityvirtual]

Thank you. I have been looking for a solution.

[JeramieSaito]

omg ur amazing! u solved my problem! U gained a subscriber!

[joylearner]

Man your fix worked. Thank you so much 😇

[JasperJansen]

But what if you want a transparent header? I can turn it off and it will fix the overlap on mobile. But any way I can keep a transparent header that does not overlap on mobile version?

[krinagoswami]

my header is overlapping on page section, if anyone can help than, thank you.

[ariela_]

What about when the words in text editor or table of contents is overlapping.