Fixed Menu

I have added the code shown above in the file .../templates/hot_academy/css/template_css.css, however I do not see that main menu remains fixed to slide down on the page.

I love this template, but would be great if the main menu could be like the Hot Bokeh template.

Will I have missed doing something else ?, what I can do? :blink:

I would appreciate it greatly.

Bokeh has script to handle that

in botton from template_css.css put the code

.sparky_full, .logorow, .one {
width:100%;
top: 65px;
z-index:100;
}
.fix_menu {
position: fixed;
margin-top: -70px !important;
background: #fff;
}

Now, you need load jQuery on page.

var offset = jQuery('.sparky_full.logorow.one').offset().top;
var $meuMenu = jQuery('.sparky_full.logorow.one');
jQuery(document).on('scroll', function () {
if (offset <= jQuery(window).scrollTop()) {
$meuMenu.addClass('fix_menu');
} else {
$meuMenu.removeClass('fix_menu');
}
});

Fine works, 100%.