How to move menu to bottom of page before scroll?


#1

Hello, I am working on the website http://hosted.usf.edu/NewMedia1/ and I would like to change the menu to being visible right before you scroll down and see the menu itself. Very similar to http://www.thetamparefinery.com.

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

Thank you!


#2

Hello,

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.