Vinte e quatorze: header Unsticky depois de tornar o header maior

Estou usando o tema Twenty 14, e para adicionar um logotipo, criei o header maior com o seguinte código:

.header-main { min-height: 108px; } 

Isso funciona, mas agora o header não é mais pegajoso e eu não sei por quê. Alguém pode explicar por que o header não está funcionando?

Solutions Collecting From Web of "Vinte e quatorze: header Unsticky depois de tornar o header maior"

Isto é devido aos js do tema.

em / /twentyfourteen/js/functions.php / /twentyfourteen/js/functions.php / /twentyfourteen/js/functions.php :

  /* * Fixed header for large screen. * If the header becomes more than 48px tall, unfix the header. * * The callback on the scroll event is only added if there is a header * image and we are not on mobile. */ if ( _window.width() > 781 ) { var mastheadHeight = $( '#masthead' ).height(), toolbarOffset, mastheadOffset; if ( mastheadHeight > 48 ) { body.removeClass( 'masthead-fixed' ); } if ( body.is( '.header-image' ) ) { toolbarOffset = body.is( '.admin-bar' ) ? $( '#wpadminbar' ).height() : 0; mastheadOffset = $( '#masthead' ).offset().top - toolbarOffset; _window.on( 'scroll.twentyfourteen', function() { if ( _window.scrollTop() > mastheadOffset && mastheadHeight < 49 ) { body.addClass( 'masthead-fixed' ); } else { body.removeClass( 'masthead-fixed' ); } } ); } } 

Você pode ver que ele verifica a altura e, se for maior que 48, remove a class masthead-fixed do masthead-fixed do corpo.

Você poderia

uma. execute alguns js que triggersm após functions.js:

 $(body).addClass( 'masthead-fixed' ); 

b. forçar o header do site a ser corrigido via CSS:

 .site-header { postion: fixed; } 

Nota em ambos os casos, você provavelmente precisará adicionar margens superiores maiores a outros conteúdos para empurrá-lo para baixo, de modo que o header não o cubra.