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 를 추가했습니다.
카메론 사이트에 문의하였지만, 특성상 기술지원을 해드리지 않는다고 하고 저는 딱 고정 메뉴바만 추가되었으면 해서 이렇게 염치 불구하고 질문드립니다.
아무리 연구해봐도 모르겠어서 도움 부탁드립니다.
