How can I hide elements until I move the mouse?

[ad_1]

Hey all,

I’m building a website for a documentary, and I’d like to have the documentary be fullscreen, with the header menu only visible when the user moves their mouse – similar to how the controls on a YouTube video only show up when you move the mouse.

Is there any way to accomplish this using plugins or custom code? I’m using Elementor, by the way.

To clarify: I don’t want these items to show up when you hover *over* them, just anytime the user moves the mouse at all.

Thanks!

[ad_2]