Двадцать четырнадцать: неуловимый заголовок после создания заголовка больше

Я использую тему Twenty Fourteen, и чтобы добавить логотип, я сделал заголовок больше с помощью следующего кода:

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

Это работает, но теперь заголовок уже не липкий, и я не знаю, почему. Может кто-нибудь объяснить, почему заголовок не работает?

Solutions Collecting From Web of "Двадцать четырнадцать: неуловимый заголовок после создания заголовка больше"

Это связано с js темы.

в /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' ); } } ); } } 

Вы можете видеть, что он проверяет высоту, а затем, если она больше 48, удаляет из тела masthead-fixed класс.

Вы могли либо

а. запустите некоторые js, которые запускаются после functions.js:

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

б. заставить сайт-заголовок фиксироваться с помощью CSS:

 .site-header { postion: fixed; } 

Обратите внимание, что в обоих случаях вам, скорее всего, придется добавлять большие верхние поля к другому контенту, чтобы нажимать его, чтобы заголовок не закрывал его.