Подключайте библиотеку jQuery, в тело вставьте вот этот код:
var navigationTop = $('#pimary_nav').offset().top;
$(window).scroll(function(){
var windowTop = $(window).scrollTop();
if (navigationTop < windowTop) {
$('#primary_nav').addClass('headerSticky');
}
else {
$('#primary_nav').removeClass('headerSticky');
}
});
Этот код проверяет, не ниже ли граница окна, чем объект primary_nav (собственно, Ваш навбар)
Далее, в общий стиль добавьте следующее правило:
.headerSticky {top: 35px;z-index: 20;position: fixed;width: 85%;}
Теперь отредактируйте .main-width, вписав туда position:relative;
Сохраните и попробуйте прокрутить страницу так, чтобы панельки не стало видно, она сама должна будет выскочить наверх.