Small navbar fix in my skeleton code

Hello, I want to write some small starter code for simple websites that I can use over and over again. I am no code but most of it is good enough for my purposes. PLease see 2 files attached ([login to view URL] and [login to view URL]) 1.) I want you to add code so in mobile view the navbar has the typical collapse effect with hamburger and close button. The menu should be docked under the navbar. The animation should be with most slide out and cover the whole screen. Menu items should be horizontal and vertical aligned. 2.) When navbar scrolls from header menu to other section menu it should change class and back again (e.g. from transparent background on hero image to white background on rest) Please only use CSS and Vanilla JS Highlight your changes with comments. !!!!IMPORTANT: start your application with the word "navbar" Thanks