모바일에서 상단 메뉴 고정 시키려면...
786
2016.07.01 13:19
적용 테마명 또는 스킨명
-
적용 테마명 또는 스킨명 : EB Multi Language Company H1 테마
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=2Yd 주소복사
본문
PC 에서는 기본적으로 상단 메뉴가 고정이 됩니다.
아래로 스크롤 하게 되면 상단 메뉴는 떠 있는 형태로 있네요.
근데 모바일 페이지에서는 상단 메뉴가 고정이 되지 않고... 아래로 스크롤 하면 그냥 위로 넘어 갑니다.
스크롤 시 상단에 있는 메뉴가 모바일에서도 고정 시키려면 어떻게 해야 할까요...
도움을 청합니다.
0
좋아요!
레벨 3
경험치 909
Progress Bar 52%
- 가입일 : 2015-08-11 07:39:57
- 서명 :
- 자기소개 :
댓글목록
이윰EGG님의 댓글
css를 조금만 아시면 원하는 스타일을 구현하실 수 있으실 것 같습니다.
해당 메뉴 영역을 posiiton:fixed 시키면 고정이 되며 이와 관련해 위치와 간격등을 수정해 원하는 위치에 놓으시면 되겠습니다.
간단히 해당 테마의 스타일을 만들어 봤으니 활용해 보시기 바라며 이와 관련된 스타일은 직접 수정해 보시기 바랍니다.
/company_h1/css/style.css 239줄
@media (max-width: 991px) { .header-topbar {position:fixed;top:0;left:0;width:100%;z-index:100} .header-fixed .header-nav, .header-fixed .header-nav.header-fixed-trans {height:inherit;position:fixed;top:30px;left:0;width:100%;background:#fff;width:100%;} .header-sticky-space {margin-top:101px} .header-fixed .header-nav.header-fixed-trans .nav-in-right {margin-left:0;margin-right:20px} .header-nav li.menu-icons i.menu-icons-style {color:#555} }좋은 하루 되십시오.
감사합니다.
축하합니다. 첫댓글 포인트 18포인트를 획득하였습니다.
littlebe님의 댓글
감사합니다.
멋진 팁을...
스타일 제공까지 고맙습니다. ^^