WordPress -减少主菜单和滑块之间的垂直空间

Question

我已经创建了一个wordpress单一主题，但我被CSS代码混淆了，CSS规则应该改变显示，使菜单和图像滑块革命看起来更近。

我想缩小主导航菜单和革命滑块之间的空间。

这是我的网站网址：http://www.warungrempong.com/

我试图使用这个CSS代码：

.admin-bar .nav-container {
    min-height: 0;
}

但是，它不是按需要工作的，只有当我在浏览器开发工具上使用它时，它才能工作。

当我试图改变我的网站，什么都不会发生。

我怎样才能解决这个问题？

谢谢。

Answer 1

在活动子主题(或主题)的style.css文件中，应该添加以下内容：

.nav-container {
    min-height: inherit !important;
}

当查看生成的主页源代码时，您的主题似乎是在html文档中嵌入一些CSS规则，因为您有以下内容(在该源代码的第41行)：

<style id='ebor-style-inline-css' type='text/css'>
nav .pb80 {
    padding-bottom: 0px;
    padding-top:0px;
}
.pt120 {
    padding-top: 0px;
}
.nav-container { /* ==========================> HERE ONE TIME */
    min-height: 0;
}
.logo { max-height: 300px; }

.nav-container { /* ======================> HERE ANOTHER TIME 
          As this is the last instance, it get the priority on first one! */
    min-height: 491px;
}

.admin-bar .nav-container {
    min-height: 523px;
}

@media all and (max-width: 767px){
    .nav-container {
        min-height: 366px;
    }

    .admin-bar .nav-container {
        min-height: 398px;
    }
}

</style>

所以可能是，您已经在主题设置中自己添加了这个CCS规则。最好的办法是删除2条重复的CSS规则，您的问题应该在不需要…的情况下得到解决。