WordPress管理栏覆盖和重叠固定菜单标题

我有一个问题，Wordpress管理栏覆盖和重叠我的固定菜单标题。主题最初没有固定的菜单标题，但我编辑了CSS以添加一个。此外，我还为标题菜单添加了背景色更改（以防这会使修复复杂化）。

我尝试过使用StackExchange、Wordpress博客、Reddit等网站上的众多修复程序。但这些修复将我的滑块和正文内容进一步向下移动，而我的固定标题仍然显示在Wordpress管理栏覆盖的页面顶部。

我已经截图了我尝试使用StackExchange上的其他修复程序时发生的情况
https://imgur.com/a/cAI05S5

我正在寻找一个解决方案，不涉及安装“另一个”插件，因为“下载这个插件可以解决您的问题，同时降低您的网站速度”的妥协。该网站还没有上线，但我正在我的电脑上使用WAMP本地服务器构建它。

这是我用来制作固定标题的代码

header.header-default {
    position: fixed!important;
    top: 0px!important;
    z-index: 2000!important;
    width: 100%!important;
}

.jumbotron {    
    padding-top: 55px!important;
}

div.page-header {
    padding-top: 115px!important;
    padding-bottom: 25px!important;
}

body.admin-bar #wphead { padding-top: 0; } #wpadminbar { top: auto !important; bottom: 0; position: fixed; } #wpadminbar .quicklinks .menupop ul { position: absolute; bottom: 32px; background-color: #23282d; } #wpadminbar .quicklinks .menupop ul + ul { bottom: 70px; } #wpadminbar .quicklinks .menupop ul ul { transform: translateY(62px); -webkit-transform: translateY(62px); -ms-transform: translateY(62px); } #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { bottom: 64px; position: absolute; } @media screen and (max-width: 782px) { #wpadminbar .quicklinks .menupop ul { bottom: 46px; } #wpadminbar .quicklinks .menupop ul + ul, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { bottom: 86px; } #wpadminbar .quicklinks .menupop ul ul { transform: translateY(92px); -webkit-transform: translateY(92px); -ms-transform: translateY(92px); } }

小码农CODE

相关推荐

如何在WordPress子主题中创建我自己的style.css文件