드롭다운메뉴 폭 조절
본문
이미지 파일의 드롭다운 메뉴(폭)사이즈를 조절 할수 있을까요?
사이즈 늘이는거는 되는데 저 사이즈 이하로는 줄어 들지가 않습니다.
최저 제한폭이 있나요? 이유가 뭘까요. ㅠ
<li class="top-bar-btn-login login-btn dropdown">
<!-- <li class="top-bar-btn-login login-btn dropdown"></li> -->
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
고객센터
</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a href="/notice" target="_self">
<span class="submenu-marker"></span>
공지사항 </a>
</li>
<li class="dropdown-submenu">
<a href="/bbs/faq.php" target="_self">
<span class="submenu-marker"></span>
자주하는질문 </a>
</li>
<li class="dropdown-submenu">
<a href="/bbs/qalist.php" target="_self">
<span class="submenu-marker"></span>
1:1문의 </a>
</li>
</ul>
</li>
답변 2
관련 css 입니다.
<style>
.dropdown-menu {
border: none;
list-style: none;
border-radius: 0;
width: 50px !important;
/*//드롭다운 메뉴의 폭 */
}
.dropdown-menu .dropdown-item {
background-color: #ffffff;
width: 50px !important;
/* width: 250px !important; 드롭다운 메뉴의 폭 */
}
</style>
감사합니다. 참고 하겠습니다.
적용되는 css를 확인해봐야 알수 있습니다. 스크립트로 컨트롤 될수도 있구요.
관련 css 입니다.
<style>
.dropdown-menu {
border: none;
list-style: none;
border-radius: 0;
width: 50px !important;
/*//드롭다운 메뉴의 폭 */
}
.dropdown-menu .dropdown-item {
background-color: #ffffff;
width: 50px !important;
/* width: 250px !important; 드롭다운 메뉴의 폭 */
}
</style>
감사 합니다.
답변을 작성하시기 전에 로그인 해주세요.
