Cacher is the code snippet organizer for pro developers

.headhesive{
  position: fixed;
  width: 100%;
  transform: translateY(-100%);
  transition: 0.5s;
}

.headhesive--stick{
  transform: translateY(0);
  z-index: 101;
}

//https://www.youtube.com/watch?v=E04x2Q9sxSM
//https://github.com/markgoodyear/headhesive.js/tree/master

$(function(){
  if(window.screen.width>=767){ //для мобильных отключаем
    //fix head
    var options = {
    offset: 250,
    onStick:   function () {

        $('.headhesive--stick .catalog_menu').show().css({ "background-color": "#006AC5", "bottom": "0"});
        $('.headhesive--stick .catalog_menu li').show().css({ "background-color": "#006AC5"});
        $('.headhesive--stick .catalog_menu li a').show().css({"color": "#fff"});
        $('.headhesive--stick .main-nav').hide();
        $('.headhesive--stick .logo_wrapp').hide();
        $('.headhesive--stick .phones').hide();
        $('.headhesive--stick #header').css({ "padding":"0"});
        $('.headhesive--stick #personal_block').css({ "float":"left", "margin-left":"20px"});
        $('.headhesive--stick .basket_wrapp').css({ "float":"right"});
        $('.headhesive--stick .wrapp_all_icons').css({ "width":"207px"});

        var basket = $('.headhesive--stick #header .basket_wrapp');
          $('.headhesive--stick #personal_block').after(basket);
      },
    }
	 var header = new Headhesive('.header_wrap', options);
  }
});