Question

我终于制作了我的第一个Wordpress主题，但我还有一些问题需要解决。我的博客有一个固定的顶级菜单，在它下面有一个div。由于菜单的原因，我不得不制作那个div margin-top:55px（它已经遍布div了，你无法看到它的任何内容）。一切都很好但是有问题。

您知道当您登录自己的WordPress帐户时，有一个菜单选项＆＃39;栏出现在博客的顶部。好吧，因为那个栏，margin-top:55px的div低于正常值。我该怎么做才能解决这个问题？这里有代码。

#menu {
    height:55px;
    background-color: #000;
    width:100%;
    top:0px;
    left:0px;
    z-index:101;
    text-align:center;
    text-transform:uppercase;
    position:fixed;
}

#underheader {
    margin-top:55px;
    color:#fff;
    width: 100%;
    height:15px;
    padding-bottom:20px;
    padding-top:15px;
}

Here's the link to my website in case you need it.登录您的Wordpress帐户查看更改。

如果我写错了，我很抱歉。我会讲西班牙语。

Answer 1

尝试降低图像的高度，或者尝试使用不同的图像以确保一切顺利。在我的博客中也有同样的问题。

Answer 2

尝试在style.css #top-navigation中找到，然后在结束前添加display:none，或者尝试删除html。

Answer 3

一种方法是使用JQuery，检查是否＃wpadminbar＆＃39;存在，如果是真的添加＆wpadminbar_on＆＃39;上课到＆＃39;

：

$(document).ready(function(){
    if($('#wpadminbar').length){
        $('body').addClass('wpadminbar_on');
    }
});

现在添加CSS，如果＆＃39; #wpadminbar＆＃39;存在，＆＃39;＃menu＆＃39;和＆＃39;＃underheader＆＃39;将获得下一个：

.wpadminbar_on #menu
{
    margin-top: 32px;
}

.wpadminbar_on #underheader
{
    margin-top: 87px;
}

*注意＆＃39; px＆＃39;价值，我是为这种情况做的，如果你打算改变＃菜单＆＃39;或者＆＃39; #wpadminbar＆＃39;例如，您需要更新值。

修复了菜单和div的问题

3 个答案: