How to move menu to bottom of page before scroll?

Hello, I am working on the website and I would like to change the menu to being visible right before you scroll down and see the menu itself. Very similar to

Also, how do you anchor the links to easily navigate up and down the page?

Thank you!


You can reduce the header image height like this:

.has-banner {
   max-height: 500px;

You choose Links from the menu and you add the ID of the section you want to navigate to.