Верстка Header и админ панель отобразились в одном месте

Не совсем понял как это сделать (а то что делал - не помогло).
Вот структура моего Хедера:

<body class="animsition">

   <div class="panel">
                <? $APPLICATION->ShowPanel(); ?>
  </div>

<!-- Header -->

<header class="header"> (position: relative)



<!-- Header desktop -->
     <div class="container-menu-desktop"> (position: relative)

<!-- Topbar -->
         <div class="top-bar"> (position: static)
                <div class="content-topbar flex-sb-m h-full container"> (position: static)
                </div>
         </div>

<!-- А вот это меню налазит на панель (ниже) -->
        <div class=> (style:

                          .wrap-menu-desktop {
                           position: fixed;
                           z-index: 1100;
                           background-color: transparent;
                          width: 100%;
                          height: 84px;
                          top: 40px;
                          left: 0px;

                         -webkit-transition: height 0.3s, background-color 0.3s;
                        -o-transition: height 0.3s, background-color 0.3s;
                        -moz-transition: height 0.3s, background-color 0.3s;
                        transition: height 0.3s, background-color 0.3s;
})
                <div class=>
                </div>
         </div>
     </div>
</header>


Где не так я написал?