看起来是全球性的。js,在adjustHeaderHeight()
第92-97行的功能
// The margin should be applied to different elements on front-page or home vs interior pages.
if ( isFrontPage ) {
$branding.css( \'margin-bottom\', navigationOuterHeight );
} else {
$customHeader.css( \'margin-bottom\', navigationOuterHeight );
}
它将边距底部设置为与顶部导航菜单的“outerHeight”(如前面定义和测量的)等效,并且似乎基于这样的假设,即您可能会有一个70像素高的单行菜单,因为主题CSS用于70像素的底部边距。脚本否决了该设置。
如果您没有顶部菜单,那么站点品牌将在0.2秒内转换70px(到0页边距底部)(.site-branding {transition: margin-bottom 0.2s}
(缩短了))。
奇怪的是,outerHeight的度量值是在我的默认测试安装72px上,所以在我添加一个短菜单后,会出现2px抖动。在多行菜单上,它开始出现重叠问题。
无论如何,我以前从来没有看过这个,但我并不认为它是2017年锻炼得更好的能力之一。也许设计师/开发人员只是喜欢默认安装(在创建任何顶部菜单之前)显示的动画效果。