Make the header as well as the menu fixed for scrolling

Hey guys,

I need your help for https://www.thescenestealer.com.

I’m trying to find out how I can make the site’s header as well as the menu (the most important part) fixed for scrolling. If you would notice the portfolio contains a lot of photos in it and it is such hassle to scroll back to the top just so you can move to another page.

I tried to look for answers and I found out that I should put

position: fixed;
width:100%;

on the #head portion of my style sheet – but the problem is that, being the major newb that I am, I cannot find that specific part where I should put my code.

Would it be possible if only the ‘menu’ items be fixed on the top of the page when you scroll down?

Also, if you have other suggestions on how I can make the site navigation easier, I would really appreciate it if you’d post it here. Check out this page and see how the site navigation works..

Thanks!