Fortun

DOCU FORTUN Hacer la barra de menú más pequeña 1. Primero tenemos que añadir esto en css:

/* Ajusta el height del menú se puede poner el tamaño que quieras*/
.nav-menu {
     line-height: 78px;
}

/* Ajusta el height del fondo para que no se vea el blanco el tamaño tiene que ser igual que el del menú*/
.spacer{
    height: 78px!important;
}

2. Para que esto no cambie cada vez que aparece el sticky tenemos que añadir lo siguiente en jQuery:

jQuery(document).ready(function( $ ){
  shrinkInit($); 
});

/* comprueba si existe la clase y cambia el color del texto de forma acorde DE FORMA RECURSIVA CADA 0.5s  */
function shrinkInit($){
   function check_shrink(){
       if ( $(".header-navigation-menu").hasClass("shrink-header-menu") ) {
          $(".nav-menu").attr('style', 'line-height: 50px !important');
         } else {
           $(".nav-menu").css("line-height", "78px");
       }
   }
   window.setInterval(check_shrink,100);
}