Odyssey 오디세이 스킨 - 상단 메뉴 고정

새로운 스킨 '오디세이'(Odyssey)가 나왔죠?

 

포럼에 어떤분이 올리신 질문에 답변으로 쓴건데.. 없어지면 아까우니 포스팅으로도 남겨봅니다.

 

이 스킨을 사이드 바가 가려진 1단으로 쓰고 있는 경우,

 

 

아래 코드를 스킨편집 > html 편집 으로 가서 하단 </body> 가 끝나기 전에 넣어 주면 상단 메뉴가 늘 화면 위에 붙어 있게 됩니다.

 

(아니면 <style> 태그 안에 내용만 스킨 css 의 하단에 넣으시거나..)

<style>
.box-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 18;
  width: 100%;
  background: white;
}
.wrap-drawer .header .button-menu {
  position: fixed;
  z-index: 18;
}
.bg-dimmed::before {
  position: fixed;
}
@media screen and (min-width: 1061px) {
  .wrap-drawer .header .area-gnb {
    position: fixed;
    z-index: 18;
    top: 28px;
    height: 28px;
    overflow: hidden;
  }
  .header .tt_category .category_list > li:hover > a:after, .header .topnavmenu > ul > li:hover > a:after {
    top: 24px;
  }
  .box-header {
    height: 80px;
  }      
}
@media screen and (max-width: 1060px) {
  .box-header {
     height: 50px;
  }  
}
</style>

요롷게 스타일로만으로도 고정이 되서 다행입니다.