某些页面上的标题对齐问题？答案

【问题标题】：Header alligment issue on some pages?某些页面上的标题对齐问题？
【发布时间】：2019-03-27 21:34:39
【问题描述】：

我的 Wordpress 网站有一个奇怪的问题。我的标题有问题，它在此page 上显示不同，并且在此page 上正常显示，例如。坏页眉图像很少向下移动。我检查了 CSS 类：

.full_width_photo {
            position: relative;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            min-height: 380px;
            width: 100%
        }

广告尝试添加margin-top:-80px;，但只是将图像移动到容器内，而不是我想要的整个块。有人可以给我一些提示吗？图片上显示了问题。

谢谢。

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题得到解决或者您链接的站点无法访问，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Minimal, Complete, and Verifiable example (MCVE) 将帮助您获得更好的答案。有关详细信息，请参阅Something on my web site doesn't work. Can I just paste a link to it? 谢谢！
菜单应该是sticky 吗？您的CSS 似乎暗示您希望此版本的标头为sticky。
是的，菜单应该是粘性的。如果您在加载页面时注意到，它的显示效果很好，但之后只是图像下降，在页眉和页眉特色图像之间形成一个很大的白色间隙。

标签： php css wordpress

【解决方案1】：

查看页面的标签样式属性，它有“padding-top:40px”。您可以将其删除以进行修复。

【讨论】：

【解决方案2】：

有 3 个 CSS 问题：

<body> 元素上有一个内联 margin-top: 98px; 需要删除。这会将横幅图片放在正确的位置。
sticky_header 类需要从 <body> 元素中删除。
元素<div class="topbar vcenter transparent"><div class="container"><div class="row"><div class="col-md-12 col-sm-12 hidden-xs hidden-sm text-center"></div></div></div></div> 需要被移除或指定样式display: none;。

【讨论】：