Отвечаем на вопросы

Для фиксировании меню при прокрутке страницы можно использовать следующий способ

В файл index.php перед закрываюшим тегом </body> вставьте следующий код

<script type="text/javascript">
jQuery(function(){
 jQuery(window).scroll(function() {
 if(jQuery(this).scrollTop() >= 290) {
 jQuery('.top-menu.row').addClass('fixedtop');
 }
 else{
 jQuery('.top-menu.row').removeClass('fixedtop');
 }
 });
});
</script>

В файл template.css  добавьте 

ul.top-menu.row.fixedtop{
	position: fixed;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	top: 0;
	left: 0;
	z-index: 20;
	border-top-left-radius: 0;
        border-top-right-radius: 0;
}

Для отключения фиксации меню на разрешениях экрана меньше 768 px после строки  @media (max-width: 767.98px) { добавьте

ul.top-menu.row.fixedtop{
	position: inherit;
	margin-left: -15px;
        margin-right: -15px;
	width: auto
	}