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规则。最好的办法应该是删除那两个重复的CSS规则，你的问题应该得到解决而不需要......

WordPress - 减少主菜单和Slider

1 个答案: