我正在尝试使此徽标图像扩展到页眉之外，以便在滚动时将其浸入内容中。从本质上来说，徽标对于标题来说太大了，并且悬挂在底部。
这是网站：http://185.56.86.90/~onetoncr/test3.com/
在此示例中，徽标（绿色正方形）延伸到标题http://185.56.86.90/~onetoncr/friedmanpr.com之外。
它们都在wordpress中使用Bodega主题，唯一的区别是绿色的FMPR是不同的菜单/标题设置，这意味着标题位于一个名为container和container_inner的div类中，而所有其他div位于红色的吨站点。
试图调整高度并放入z-indexs，但似乎它包含在标题容器中。有没有一种方法可以将徽标扩展到标头父级之外。
答案 0 :(得分：0)
添加CSS
.header_inner_left{
top: 2em !important;
background: #fff;
}
并从您的custom.css中删除width:150px !important中的.header_inner_left，但由您自己决定。
答案 1 :(得分：0)
好像菜单项上的行高将标题抬高到完整的150px。如果将nav.main_menu > ul > li > a更改为100px，然后将line-height: 150px的高度设置为100px，则.header_bottom的徽标会突出显示。
只是一些一般性建议。您的标记和选择器规则确实很繁琐。
nav.main_menu > ul > li > a可以很容易地成为.main_menu a，这会将您的专一性从5提升到2，从而使以后的覆盖更加容易。
对于巨大的行高，这将使您的项目在所有空白区域的上方和下方均可点击。那可能就是您要的目的，但请记住，您可能希望使悬停更明显，只是为了向用户提供一些更好的反馈，使他们了解“按钮”
您还可以通过使用Flexbox将菜单项居中并粘贴在任一端上，从而减少很多标记和样式。 https://css-tricks.com/snippets/css/a-guide-to-flexbox/