Demo : https://www.lannonce.eu

This is a very simple tutorial for a sticky header, and maybe MB-Themes can implement it to "zara configuration"


First we need to add in zara/css/style.css
div#top-navi.sticky {
    position: fixed;
    top: 0;
    z-index: 99999;
    padding: 0px 0px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
And after we need to add in zara/js/global.js
//sticky
if($(window).width() <= 479) {
 //nothing will happen
}else
{
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll >= 33) {
        $("#top-navi").addClass("sticky");
    } else {
        $("#top-navi").removeClass("sticky");
    }
});
}
And if you want animation you can add a "    transition: all 0.4s ease;" in "#top-navi" (style.css)

Welcome

@mixradu
Thanks for tip

@mixradu
Thanks for tip

Welcome i am working now in one new scroll header google style (when you scroll down header dissapear and when you scroll up header appear again)

@mixradu
We have it on Monika theme for prestashop, however it is pitty that many customers complained that it disappear when you go top