Hi,
in mobile device menu isn't fixing when you scroll. in this template's feature is mobile menu won't fix. well, if you want to make it fix then go to '/templates/shaper_organic_life/js/main.js' on 8 line you will get:
if (windowWidth > 979){
var stickyNavTop = menu_wrapper.offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop() > 100;
if (scrollTop > stickyNavTop) {
menu_wrapper.addClass('menu-fixed').fadeIn(400);
}
else
{
if(menu_wrapper.hasClass('menu-fixed'))
{
menu_wrapper.removeClass('menu-fixed').removeAttr('style');
}
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
}else{
menu_wrapper.removeClass('menu-fixed');
}
replace by:
var stickyNavTop = menu_wrapper.offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop() > 100;
if (scrollTop > stickyNavTop) {
menu_wrapper.addClass('menu-fixed').fadeIn(400);
}
else
{
if(menu_wrapper.hasClass('menu-fixed'))
{
menu_wrapper.removeClass('menu-fixed').removeAttr('style');
}
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
- Thanks