将徽标位置固定在WEEBLY网站的固定导航中

Question

我正在使用Weebly创建网站。我正在使用模板Cento-2。它具有我想要的固定导航。因此，当您向下滚动页面时，导航将停留在顶部。不幸的是，滚动时，中间顶部的徽标消失了。我正在尝试将徽标固定在顶部，因此当您向下滚动时，它会位于导航上方。我尝试过固定徽标的位置，但导航位于最上方。

这是CSS

     .logo {
    text-align: center;
     margin-bottom: 40px;

    #wsite-title {
      color: @fill;
      max-height: 300px;
      font-family: @font2;
      font-size: 64px;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.035em;
      .transition(~'font-size 260ms ease');
      }
    img {
      overflow: hidden;
      max-width: 500px;
      max-height: 300px;
    }
  }
}

/* Nav */

.nav {
  text-align: center;

  li {
    display: inline-block;
    vertical-align: bottom;
  }

  .wsite-menu-item {
    display: block;
    padding: 10px 20px;
    font-family: @font1;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: mix(@fill, @bg, 60%);
    .transition(color 300ms ease);
  }