I am struggling to find a way to make my website header invisible until it becomes a floating header on my websites home page.

[ad_1]

I am using [the7.io]) and WPbakery for my theme. I am trying to make it so that the header and menu is invisible until a user begins to scroll and then the floating header would appear.

I have tried to write different CSS coding and I can get the header to disappear completely, even when it becomes a floating header, but I cannot just get it to only be invisible until it becomes the floating header. Further I have done a lot of research and still can’t figure out if there is just a simple non-code workaround to achieve this.

Any advice would be greatly appreciated. Thank you!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer