애니빌드.LAB
토론방
소스관련 모바일에서 메뉴짤림
- 관**자
- 2018-04-23 16:31:36
- hit3400
- http://wdev.anybuild.co.kr/bbs/qna/6988
메뉴가 여기까지있는데
모바일에서는 메뉴가 짤려요 ㅜㅜ 왜그럴까요ㅠ
게시글 공유
URL복사
댓글작성
열기 닫기
메뉴가 여기까지있는데
모바일에서는 메뉴가 짤려요 ㅜㅜ 왜그럴까요ㅠ
열기 닫기
열기 닫기
# 디자인팜에서 제공하지 않는 소스를 가져와서 쓸 경우 발생하는 문제입니다.
- pm_nav_h3.css 를 수정해주세요.
- 불필요한 좌측 여백이 있습니다.
padding-left:320px; margin-left:-320px; 삭제
.__AUTO__.pm-nav_h3 {overflow:hidden; height:74px; background:#fff; border-bottom:1px solid #ddd;}/*height:74px;*/
.__AUTO__.pm-nav_h3 ul {margin:0; padding:0; list-style:none; width:100%;}
.__AUTO__.pm-nav_h3 a {display:block; text-decoration:none;}
.__AUTO__.pm-nav_h3 .dep1 {position:relative; padding-left:320px; margin-left:-320px; background:#dfdfdf;}
.__AUTO__.pm-nav_h3 .dep1:after {content:''; display:block; clear:both;}
.__AUTO__.pm-nav_h3 .dep1 > li {float:left;}
.__AUTO__.pm-nav_h3 .dep1 > li > a {height:38px; line-height:38px; padding:0 15px; font-size:13px; color:#565656; background:#dfdfdf; border-bottom:1px solid #ddd;}
.__AUTO__.pm-nav_h3 .dep1 > li.on > a {color:#0f60b3; background:#ffffff; border-color:#ddd; font-weight:bold;}
.__AUTO__.pm-nav_h3 .dep1 > li > div {display:none; position:absolute; left:0; right:0;}
.__AUTO__.pm-nav_h3 .dep1 > li.on > div {display:block;}
.__AUTO__.pm-nav_h3 .dep2 {/* border-left:1px solid #ddd; */}
.__AUTO__.pm-nav_h3 .dep2:after {content:''; display:block; clear:both;}
.__AUTO__.pm-nav_h3 .dep2 > li {float:left;}
.__AUTO__.pm-nav_h3 .dep2 > li > a {display:block; height:35px; line-height:35px; padding:0 10px 0 9px; font-size:13px; color:#565656; /*border-right:1px solid #ddd;*/}
.__AUTO__.pm-nav_h3 .dep2 > li.on > a,
.__AUTO__.pm-nav_h3 .dep2 > li:hover > a {color:#0f60b3; background:#ffffff; font-weight:bold;}