Css 如何使徽标img延伸到页眉之外

我试图让这个标志图像延伸到标题之外，这样当你滚动时，它就会浸入到内容中。从本质上看，这个标志对于标题来说太大了，并且挂在了底部

以下是网站：

下面是一个示例，其中徽标（绿色方形）延伸超过了标题：

它们都在wordpress中使用Bodega主题，唯一的区别是绿色FMPR是一个不同的菜单/标题设置，这意味着标题位于名为container和container_inner的div类中，以及红色One Ton站点中的所有其他div中

尝试调整高度并放入z索引，但它似乎包含在标题容器中。是否有办法将徽标扩展到标题父项之外

添加css

.header_inner_left{
top: 2em !important;
background: #fff;
}

---

并删除

宽度：150px！重要信息

在custom.css的

.header\u inner\u left

中，由您自己决定。

看起来菜单项上的行高将标题推到了150像素

nav.main\u menu>ul>li>a

有一个

行高：150px

如果您将其更改为100px，然后将

设置为
。页眉底部的高度为100px，则徽标将突出

只是一些一般性的建议。您的标记和选择器规则非常繁重。
nav.main\u menu>ul>li>a
可以很容易地成为
。main\u menu a
可以将您的特异性从5提高到2，使以后更容易覆盖

至于那巨大的线条高度，那会让你的物品在所有的空白处上下都可以点击。这可能是你想要的，但请记住，你可能想让悬停更明显，以便向用户提供更好的反馈，说明他们在“按钮”上

您还可以使用Flexbox将菜单项居中，并将其粘贴到任意一端，从而减少标记和样式
 请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则，一旦问题解决或者你链接到的站点无法访问，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！恐怕您必须重做导航栏，使其成为
位置：相对的
和徽标
位置：绝对的
，并根据您的喜好对齐，因为这似乎起到了作用。我想让徽标图像更大，并填补目前存在的顶部空间。我该怎么做呢？至于尺寸
.q_logo a{height:150px}
和
.logo_wrapper{width:200px}
您可以根据您的要求更改此宽度。太好了！谢谢现在，我正试图阻止徽标在标题变为粘性标题时被切断，如下所示：。尝试将
.header.sticky.logo\u wrapper
上的高度增加到150px，但运气不佳。在您的
.logo\u wrapper
中添加
溢出：可见
，查看是否有效我刚刚检查了您的网站，您的
logo\u wrapper{溢出：可见}
正在被媒体查询淹没，您可以在媒体查询中更改它，也可以简单地
。logo\u wrapper{overflow:visible！important}
，我建议您在media query
中更改它。使用左向右菜单粘贴它。logo\u wrapper{overflow:hidden；}
-这是您在responsive.min.css上的媒体查询。