Bootstrap static navbar covers section -

i have seem similar questions navbar covering content, problem covers content , displays correctly depending on section in.

the website : http://www.torhatch.co.uk/index-tor.html

the problem :

i have bootstrap static navbar displays sections correctly, , covers top of section.

when website first loaded , click on of sections (eg about), top of section covered (despite body padding-top of 50px). happens if click on home (my first section) , click on section here.

when in 1 of other sections (eg about) , click on of sections, display correctly (ie no content covered).

ie navbar covers content when section chosen first section.

also, when in first section (home) , click home again, navbar disappears.

i think affix-top cant find what.

thanks!

1. edit top div from:

   <div class="navbar navbar-custom navbar-inverse navbar-fixed-top affix-top" id="nav"> 

to:

     <div class="navbar navbar-custom navbar-inverse navbar-fixed-top" id="nav"> 

2. remove style:

   position: static; 

from id nav (#nav). dont think id required keep if using in js.