질문이나 조언(추천, 의견)을 구할 수 있지만, 답변 의무는 그 누구에게도 없습니다. 직접적인 도움요청은 [작업의뢰]를 이용해주세요.

http://themexe.co.kr/neat/ (해당 테마 미리보기 페이지입니다.)

 

니트 테마로 홈페이지를 구성하고 싶어서 현재 제작중에 있습니다.

니트테마는 상단에 메뉴바가 있고, 아래로 스크롤 하면 같이 메뉴가 스크롤 되어 글 하단에는 메뉴가 보이지 않는 레이아웃입니다.

 

이것을 항상 고정으로 해서 스크롤을 내려도 메뉴바가 보이게끔 하고 싶어서 CSS 파일 중

 

.neat-top {
    position: fixed;
    height: 50px;
    background-color: #ea5859;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    top: 0;
}

.neat-header {
    position: relative;
    background-color: #fff;
    z-index: 1;
    margin-top: 50px;
}

 

해당 부분을 이렇게 수정해봤는데 제대로 작동하지 않습니다.

수정한 부분만 정리해보면

.neat-top 부분의 position을 fixed 로 변경하고 width: 100%;​ max-width: 1240px; 를 추가하였습니다.

그리고 .neat-header 에는 margin-top:50px 를 추가했습니다.

 

카메론 사이트에 문의하였지만, 특성상 기술지원을 해드리지 않는다고 하고 저는 딱 고정 메뉴바만 추가되었으면 해서 이렇게 염치 불구하고 질문드립니다.

아무리 연구해봐도 모르겠어서 도움 부탁드립니다.

  • profile
    Novelic 2016.10.08 03:05:27
    유료스킨이라 자세한 수정사항은 모릅니다만 해당 링크를 참고해보세요. https://www.cmsfactory.net/node/10983 완벽한 해결책인지는 모르겠으나 구글에서 gnb top fixed js 키워드로 검색하면 해결책을 구할 수 있을 것 같습니다.
  • profile
    다이오니 2016.10.08 14:29:35
    답변 감사합니다. 니트테마가 어차피 상단의 메뉴가 맨 윗줄에 있기 때문에 제이쿼리까지 쓰지 않고 position:fixed 만하면 될것 같은데 잘 안되서 여쭤본것 이었습니다. ^^

서버에 요청 중입니다. 잠시만 기다려 주십시오...