Menu Bar on main page

I am having trouble with my menu bar appearing on my main page. The Header image completely engulfs the menu bar on the main page. You have to scroll down to locate the menu bar. How can I have the menu bar appear automatically on the page.



My website is

This is how the theme works, the menu is shown below the header image which is full screen an desktop sizes. You could decrease the height of the header image if you want by adding this to a custom CSS plugin:

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