Freeze Top Of Website

Is there any way to freeze the top of the website, so even when you scroll down, the top and the navigation bar don't scroll as well? An example of what I'm talking about it http://www.firstfoodbank.org/.

My website is theme1.1stopnonprofitshop.com

 

Hi,

Please paste the code given below in Custom CSS field of your dashboard.

Code:

.header {
    width: 78.4% !important;   
    position: fixed;
    z-index: 999;
    top: 0;
}
.sl-slider-wrapper {
    margin-top: 217px;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

That code worked. I changed the width to 100% to get it to show across the whole site. Only issue is if I keep top at "0," it cuts off the logo at the top. I tried to change that number to 2, and then it cuts off the banner image. How do I fix this? I attached snapshots of the issue.

 

Also, when scrolling, the part that is frozen doesn't stay at the top of the website...it moves down a few inches. Can that remain at the top?

 

I saw the images aren't working...I'm reattaching them...hopefully it works.