드롭다운메뉴 css 어떤부분때문에 펼쳐져 있는걸까요?

zes 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017.04.22 18:22:21 조회 3988 (1.♡.♡.180)

본문

드롭다운메뉴때문에 요즘 고생중입니다ㅠㅠ

pc사이트에서는 제대로 나오는데 모바일에서 밑에 이미지 보면 메뉴아이콘을 누르면

메뉴들이 나오는데 메인메뉴만 보이고

메인메뉴 클릭 > 서브메뉴가 펼쳐져야 하는데

메인이랑 서브 상관없이 다 펼쳐져서 나오네요ㅠㅠ

css소스중에 뭐때문에 몽땅 펼쳐져서 나오는걸까요 ㅠㅠ

.navbar-default .navbar-nav li{
background-color: #fff;

}

.navbar-default .navbar-nav>li> a{
color:#333;
font-size: 18px;
background: #f0f0f0;
background:#eee;
}

.navbar-default .navbar-nav .dropdown-menu>li{
color: #CCC;
font-size: 16px;

}

.navbar-default .navbar-nav>li> a:hover .dropdown-menu {
display:block;
width: 100%;
position: absolute;
top: 30px;
}

.navbar-default .navbar-nav .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .dropdown-menu>li>a:hover {
font-weight:500;
background-color:#fff;

}

.navbar-default .navbar-nav .dropdown-menu>.active>a, .navbar-default .navbar-nav .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .dropdown-menu>.active>a:hover {
color:#555;
background-color:#e7e7e7
}
.navbar-default .navbar-nav .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:hover {
color:#ccc;
background-color:transparent

}