WordPress的管理栏重叠我的内容?

时间:2019-02-05 10:39:39

标签: php html css wordpress

我在这个问题上苦苦挣扎了一段时间,我决定询问是否有比我现在所拥有的更强大的修复程序。我已经看到许多针对此问题的修复程序,其中一些修复程序比下一个修复程序复杂得多。但是我不明白为什么它必须如此困难?

我已经通过以下解决方案解决了这个问题;

HTML-(header.php)

<div id="site-wrapper" class="<?php if ( is_admin_bar_showing() ) { echo 'admin-step'; } ?>">
    <!-- My site navigation -->
</div>

CSS

.admin-step {
    margin-top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-step {
        margin-top: 46px !important;
    }
}
  

是否有针对此问题的真正的Wordpress解决方案?

     

或者,是否存在标准化的方法来纠正此问题?

1 个答案:

答案 0 :(得分:1)

我对 WordPress v5.6 的做法是:

<script>
if ($('#wpadminbar')[0])
        $('header').css('top', '32px')
</script>