WordPress

Question

我创建了一个 wordpress 单一主题，但我对 CSS 代码感到困惑，其中 CSS 规则应该更改显示以使菜单和图像滑块旋转看起来更接近。

我想缩小主导航菜单和我的旋转滑块之间的space

这是我的网站url：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>

So may be you have add this CCS rules yourself somewhere in your theme settings. The best thing, should be to remove that 2 repetitive CSS rules, and your issue should get solved without any need…

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

WordPress - Reduce vertical space between main menu and Slider

css

menu

wordpress-theming

revolution-slider