解决WordPress顶部空白margin-top: 32px !important方法

在WordPress header.php页面添加代码后,在HTML页面顶部会出现空白,通过浏览器F12调用开发者工具查看元素,在CSS样式中可以看到自动添加了margin-top: 32px !important;样式,如下图:

解决WordPress顶部空白margin-top: 32px !important方法_第1张图片

margin-top: 32px !important;

如上图,罪魁祸首找到了,引起的原因就是header.php调用

代码后,会自动在HTML页面添加一个margin-top: 32px !important;样式,就会导致网站顶部出现32px的空白。

如何解决?新手站长分享解决方法,在你的WordPress主题下的functions.php文件中添加以下代码即可解决:

//删除wp_head出现的margin blog.guluqiu.cc
function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'remove_admin_login_header');

 

你可能感兴趣的:(php,html,前端)