마크쿼리 상단바(상단 메뉴) 고정법

블로그를 시작하지마자 스킨을 이리저리 살피던중 마크쿼리님의 반응형웹 스킨이 +  + 띠옹~

하고 눈에 들어왔네요 너무 심플하면서도 이쁩니다!! 마크쿼리님 감사합니다 (__

이번 포스팅은 마우스 스크롤시 항상 상단바가 고정이 되는 법을 알려드리고자 합니다.

위에 사진에 붉은 박스부분이 상단 메뉴바 입니다..

상단메뉴 고정을 시켜놓으면 스크롤을 아무리 내려도 메뉴가 없어지지 않기 때문에 보는 사람이 편합니다..

수정법은 아주 간단한데요 초보분들이라도 천천히 따라하시면 되겠습니다! 

그럼 마크쿼리 상단바(상단 메뉴) 고정법에 대해 알아 볼까요!!

관리자 메뉴에서 HTML/CSS편집을 클릭하게 되면 위에 화면이 나오게 되는데요..

윗부분 SKIN.HTML 빨간색 네모 박스로 표시를 했는데요 보시면 

<header role="banner" class="container keleton-nav"> 라는 테그가 있습니다

!! 찾기 어려우시다면 Ctrl + F 를 누른 후 banner를 검색해서 찾으시면 됩니다.

그럼 이태그에서 keleton-nav 뒤에 한칸을 띈 후 nav-fixed 를 입력해 주세요. 

그 후 아래 style.css 에서 body 아래 /* padding-top: 50px; */가 있을거에요..

!! 찾기 어려우시다면 Ctrl + F 를 누른 후 padding-top 을 검색해서 찾으시면 됩니다.

찾으셨다면 padding-top 거의 주석문 /*  */을 지워 주시면 적용이 되요~!

참 쉽죠? ㅎㅎ 하지만 아쉬운 부분이 IE 9  하위 버전에서는 적용이 안된다고 하네요 참고하시기 바랍니다!