I would like to make the menu turn into a full-width menu once you begin scrolling down and disappear at the bottom of the "g-showcase" sections. When scrolling up, I would like the full-width menu to reappear and then go back to the normal menu once at the top of the page.

I also, want to make the current logo to merge and become part of the full width menu, rather than sticking out. But go back to current state once menu is back to normal/back to top of the page.

I know i'm asking too much but this is going to be for an important client and that's how she wants it.

Thanks in advance, Ivo!