找不到如何减少顶部栏菜单上方的空白答案

【问题标题】：Cannot find how to decease white space above top bar menu找不到如何减少顶部栏菜单上方的空白
【发布时间】：2018-12-23 02:18:54
【问题描述】：

@ 38VFR.COM 在搜索栏和顶栏菜单之间有很大的空间。在别处看，那里的解决方案不起作用，或者我在检查器中找不到要更改的正确属性。我是 CSS/HTML/Wordpress 的新手。

我尝试更改搜索栏周围的填充，但无济于事。

【问题讨论】：

欢迎来到 StackOverflow SE。
将minimal, complete and verifiable example 包含在您的问题中将对您有很大帮助，因为这样我们可以更好地回答您。
好的...抱歉
.site-header-top-main, .boxed-layout #header-navigation-area .wrapper { padding: 0 30px; } .site-header-main { 填充：28px 30px; } .custom-logo { 边距：7px 自动； } .site-title, .site-description { 边距：0; } .custom-header-content { 填充：112px 30px; }

标签： html css wordpress

【解决方案1】：

我养成了在我的 CSS 样式中包含 body { margin: 0; } 的习惯，这似乎可以解决问题。如果这对您不起作用，请包含您的 CSS/HTML 代码的 sn-p，以便我们查看可能是什么问题。

【讨论】：

【解决方案2】：

空间由 /wp-content/themes/catch-inspire/style.css 中的以下条目创建

.site-header-main {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 42px 30px;
}

将“42px”减少到“5px”

如果这不起作用，那么您可以更改此 HTML 标记：

<div class="site-header-main">

到：

<div class="site-header-main" style="padding-bottom: 0px">

【讨论】：

确保使用 ctrl+F5 刷新页面（在 Windows 浏览器中）。当我通过控制台进行此编辑时，它对我有用。如果它仍然不起作用，请查看我在答案中包含的更严厉的 HTML 更改。
可能不是：CSS 文件经常被缓存。您也可以按如下方式强制它：在 HTML 文件中查找 style.css?ver=4.9.7 并将版本号更改为其他内容（无所谓）。