애니빌드.LAB
토론방
디자인팜 한비스톤 내비게이션 질문드립니다.
- e**ompy0126
- 2016-08-24 13:47:01
- hit3465
- http://wdev.anybuild.co.kr/bbs/qna/6194
한비스톤 내비부분 고객센터에 마우스 오버를 하면 2차메뉴가 출력이 되는데요. 위치가 변경이 되질 않습니다.
어떻게 수정해야 하는지 답변부탁드리겠습니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
네이게이션 소스에서 다음을 주석처리해주세요.
@media (min-width:102*px){
/* dep1 */
.lnb_60919_ .dep1:after {content:''; display:block; clear:both;}
.lnb_60919_ .dep1 > li {float:left;z-index:600;}
.lnb_60919_ .dep1 > li:hover {z-index:610;}
.lnb_60919_ .dep1 > li > div {
display:none; position:absolute;top:{$farm_skin_set[height]}width:auto;min-width:76px;z-index:100;text-align:center; white-space:nowrap;
/*border:3px solid {$pcTextOver1}; background:{$pcBgColor2};*/
}
.lnb_60919_ .dep1 > li:last-child > div{right:0;}
.lnb_60919_ .dep1 > li:hover > div {display:block;}
.lnb_60919_ .dep1 > li > a {
z-index:620; height:{$farm_skin_set[height]}px; line-height:{$farm_skin_set[height]}px;padding:0 24px;
border-bottom:none; background:none; color:{$pcTextColor1}; text-align:center;
}
.lnb_60919_ .dep1 > li.on > a,
.lnb_60919_ .dep1 > li:hover > a {color:{$pcTextOver1};}
.lnb_60919_ .dep1 > li > a:before {display:none;}
.lnb_60919_ .dep1 > li > a img{display:none;}
/* dep2 */
.lnb_60919_ .dep2 > li{display:inline-block;}
.lnb_60919_ .dep2 > li > a {
height:45px; line-height:45px; padding:0 24px;
border-bottom:none;/* background:{$pcBgColor2};*/ color:{$pcTextColor2};
}
.lnb_60919_ .dep2 > li.on > a,
.lnb_60919_ .dep2 > li:hover > a {/*background:{$pcBgOver2};*/ color:{$pcTextOver2};}
/* dep1 triangle */
.lnb_60919_ .dep1 > li.has_sub:before,
.lnb_60919_ .dep1 > li.has_sub:after {
content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px;
/* border-left:8px solid transparent; border-right:8px solid transparent;*/
}
.lnb_60919_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid {$pcTextOver1};}
.lnb_60919_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid {$pcBgColor2};}
.lnb_60919_ .dep1 > li.has_sub:hover:before,
.lnb_60919_ .dep1 > li.has_sub:hover:after {display:block;}
}
@media (max-width:1023px){
.lnb_bgs{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1200;}
.lnb_60919_ .dep1{
position:fixed;left:-272px;top:0;width:272px;height:100%;padding:0 15px;background:#3d3d3d;z-index:1300;
box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-transition:left 500ms ease;
-moz-transition:left 500ms ease;
-ms-transition:left 500ms ease;
-o-transition:left 500ms ease;
transition:left 500ms ease;
}
.lnb_60919_.on .dep1{
left:0;
-webkit-transition:left 500ms ease;
-moz-transition:left 500ms ease;
-ms-transition:left 500ms ease;
-o-transition:left 500ms ease;
transition:left 500ms ease;
}
.lnb_60919_ .dep1 > li > a{display:block;height:45px;line-height:45px;padding:0 22px 0 5px;font-weight:normal;color:#fff;}
.lnb_60919_ .dep1 > li > div.lnb_60919_ .dep1 > li.on > div{display:block;}
.lnb_60919_ .dep1 > li > a img{display:inline-block;width:22px;margin-right:10px;vertical-align:middle;}
.lnb_60919_ .dep1 > li > div{display:none;border-bottom:2px solid #8080**;}
.lnb_60919_ .dep2 > li > a{padding:0 10px;font-weight:normal}
}
@media \0screen{
.lnb_60919_ {min-width:1000px;font-size:0;}
.lnb_60919_ * {box-sizing:border-box;}
.lnb_60919_ ul {margin:0; padding:0; list-style:none;}
.lnb_60919_ a {
display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-align:left; text-decoration:none; text-align:;
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.lnb_60919_ .dep1 > li{white-space: nowrap;}
.lnb_60919_ .dep1 > li > a {
border-bottom:2px solid {$borderColor1};/* background:{$bgColor1};*/ font-size:14px; color:{$textColor1};
}
/*
.lnb_60919_ .dep1 > li > a:before {
content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:{$textColor1};
}
*/
.lnb_60919_ .dep2 > li > a {
padding:0 15px 0 45px;/* border-bottom:1px solid {$borderColor2}; background:{$bgColor2};*/ font-size:13px; color:{$textColor2};
}
/*.lnb_60919_ .dep3_li > a:before {content:'- '; padding-left:15px;}*/
/* dep1 */
.lnb_60919_ .dep1:after {content:''; display:block; clear:both;}
.lnb_60919_ .dep1 > li {float:left;z-index:600;}
.lnb_60919_ .dep1 > li:hover {z-index:610;}
.lnb_60919_ .dep1 > li > div {
display:none; position:absolute;bottom:-45px;width:auto;min-width:76px;z-index:100;text-align:center;
/*border:3px solid {$pcTextOver1}; background:{$pcBgColor2};*/
}
.lnb_60919_ .dep1 > li:last-child > div{right:0;}
.lnb_60919_ .dep1 > li:hover > div {display:block;}
.lnb_60919_ .dep1 > li > a {
z-index:620; height:{$farm_skin_set[height]}px; line-height:{$farm_skin_set[height]}px;padding:0 24px;
border-bottom:none; background:none; color:{$pcTextColor1}; text-align:center;
}
.lnb_60919_ .dep1 > li.on > a,
.lnb_60919_ .dep1 > li:hover > a {color:{$pcTextOver1};}
.lnb_60919_ .dep1 > li > a:before {display:none;}
.lnb_60919_ .dep1 > li > a img{display:none;}
/* dep2 */
.lnb_60919_ .dep2 > li{display:inline-block;}
.lnb_60919_ .dep2 > li > a {
height:45px; line-height:45px; padding:0 24px;
border-bottom:none;/* background:{$pcBgColor2};*/ color:{$pcTextColor2};
}
.lnb_60919_ .dep2 > li.on > a,
.lnb_60919_ .dep2 > li:hover > a {/*background:{$pcBgOver2};*/ color:{$pcTextOver2};}
/* dep1 triangle */
.lnb_60919_ .dep1 > li.has_sub:before,
.lnb_60919_ .dep1 > li.has_sub:after {
content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px;
/* border-left:8px solid transparent; border-right:8px solid transparent;*/
}
.lnb_60919_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid {$pcTextOver1};}
.lnb_60919_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid {$pcBgColor2};}
.lnb_60919_ .dep1 > li.has_sub:hover:before,
.lnb_60919_ .dep1 > li.has_sub:hover:after {display:block;}
}
</style>