Foster template - how to keep navigation bar visible when scrolling

Site URL: http://www.the-proof.com

hello - can anyone help me keep my navigation bar and header visible when people scroll down the page please?  I am using Foster template

Thanks

.Header-inner--top {
position: fixed;
z-index: 9999;
display: block !important;
left: 0;
right: 0;
top: 0;
margin-left: auto;
margin-right: auto;
}

Try pasting this code in your Custom CSS.

You will have to change top: 0 with the number of px you'd like to move your header from the top of the browser and then move all the content below as well.

To move all your content you can use:

.Site-inner {
margin-top: 100px;
}

and change "100px" with the margin you prefer

Hey @cheg1979 you can add this to your custom CSS
 

.Header {
	z-index:100000 !important;
	top: 0;
	position: sticky !important;
}

Working Result:
 

@cheg1979 Ryan's solution is much much better than mine 🙂

Thanks so much for your replies - I will have a go at making this work now 🙂

it has worked - that's amazing thanks SO MUCH