애니빌드.LAB
토론방
소스관련 모바일용 네비게이션 변경문의
- m**car
- 2015-11-24 10:03:00
- hit4164
- http://wdev.anybuild.co.kr/bbs/qna/5041
왼쪽의 모바일네비게이션을 오른쪽과 같은 형식으로 바꾸려다 오류가 났습니다. ㅜㅜ
위 부분이 오류인거 같은데 못찾겠어요... ㅜㅜ 도와주세요. 저장하면 문법에 오류가 있다고 자꾸 나옵니다.
그리고
윗쪽의 노란색 모바일 메뉴보기 코드 같은데, 이걸 어디에 넣어야 될까요?
/* global navigation buttons */
.toggleGnb {
position:relative; display:block; padding:10px $sidePadding;
text-decoration:none; @extend %font_color11; font-size:14px; font-weight:bold;
i:after {
content:''; display:block; position:absolute;
width:10px; height:6px; right:$sidePadding; top:50%; margin-top:-3px;
background-position:-148px -40px;
@extend %spriteImage;
}
}
이거 넣으려다가 오류난거입니다. ㅜㅜ
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
@extend %font_color11;
이 부분에 대한 정의가 없습니다. 이 부분에 대한 정의를 해주시거나 혹은 위의 내역을 제거를 하시면 문법적인 오류 부분은 발생하지 않을겁니다.
지우니까 오류가 없어지네요... ㅡ,.ㅡ;;
그럼 맨 위의 모바일네비게이션 종류중에 왼쪽꺼 말고 오른쪽 방식으로 사용하려고 합니다.
아마도 위에 잘못붙인 부분을 어디에 넣어야 될거 같은데... 어디에 넣으면 작동을 할까요?
저희쪽에서 작업 후 말씀드리겠습니다.
layout.css 수정 전입니다. .lnb_box부터 참고 하시면 됩니다.
layout.css 수정 후입니다. .lnb_box부터 참고 하시면 됩니다.
.lnb_box 레이아웃을 구성하던 padding-top:50px을 없애고 .gnb의 레이아웃을 position:absolute 에서 relative로 바꿔서 구성하였습니다.
.gnb에 있던 padding을 제거하고 .gnb > ul > li (메뉴보기 버튼) 클릭을 위해 높이지정을 하였습니다.
layout에서 구성한 css를 layout_pc에서 수정된 css 리셋 시키고 lnb_box의 padding-top을 pc에만 적용되게 추가하였습니다.
- gnb 내용이 (메뉴보기) 밖에 없어서 pc상일때는 보이지않게 (display:none) 진행 하였습니다.