Hi There
I would like to create a header like the Wix home page.
Essentially I want the header to be opaque when a user first arrives on the home page and then turn white when they scroll/hover which I can do using different strips etc.
However on my other site pages I would like the header to have a white solid background regardless of arriving at the page or scrolling down, just like on the Wix Code website: https://www.wix.com/code/home
Hope this makes sense and any help would be hugely appreciated.
Thanks,
Sam
Just wondering if anyone knew anyway to go about this?
Hi Samuel!
I assume that you’re talking about this:
Well, It’s pretty easy!
All you have to do is to build the two designs you want to switch between.
Put one of them inside a container box.
Use the show( ) and hide( ) methods to - well, show and hide the container according to your preference.
I’d suggest adding those methods in the events (Element properties) of onMousein / onMouseout (Image will follow).
onMousein : design1.show( )
onMouseout: design1.hide( )
(You can either just put one design on top of another or actually hide one and show the other every time).
Hope it helps!
Best of luck.
Doron. 
