Css 无法使网站标题/标题位于页面上其他内容的顶部

我试图找出如何使网站标题（标志）在导航坐在上面的一切，并在导航栏下悬挂-所以一半的标志将在导航栏和另一半将挂在下面。我试着在几个点上使用z-index，但没有任何效果。还有一个收缩功能，我也必须通过。向下滚动时，导航栏会收缩，我希望徽标仍挂在导航栏下方

以下是链接：

对于所有代码，我很抱歉，但我不知道如何将其修复。

使用徽标容器将其放置在您想要的位置。更改

top、bottom、left、right

参数以设置徽标容器相对于其父容器的偏移量

尝试进行以下更改，看看绝对定位如何帮助定位元素

.site-header .wrap{
  position:relative;
}

.site-header .title-area{
  position:absolute;
  bottom:-35px;
}
//Remove the below styling
.header-image .shrink .site-title > a {
min-height: 60px;
}

---

您可以使用float:left，然后使用您的相对定位偏移！查看

.site-header .wrap{
  position:relative;
}

.site-header .title-area{
  position:absolute;
  bottom:-35px;
}
//Remove the below styling
.header-image .shrink .site-title > a {
min-height: 60px;
}