모바일 dropdown메뉴 open시 height 조정 채택완료

안녕하세요.

A 메뉴에 소메뉴가 7개 있고

B 메뉴에 소메뉴가 6개

C 메뉴에는 소메뉴가 5개정도 있습니다.

Copy
<!--{* Menu *}-->
<!--{@ menu}-->
   <li  class="{? .active}active{/} {? menu.submenu}dropdown {/}"  >
         <a href="{.me_link}" target="_{.me_target}" class="dropdown-toggle" {? C.G5_IS_MOBILE && menu.submenu}data-toggle="dropdown"{:}data-hover="dropdown"{/}>
           {.me_name} </a>
         <!--{@ submenu}-->
              <!--{? ..index_ == 0}-->
                   <ul class="dropdown-menu">
                       <!--{/}-->
                         < li class="dropdown-submenu {? ..active}active{/}">
                         <a href="{..me_link}" target="_{..me_target}">{..me_name}</a>
                          </li>
                                        
      <!--{? ..index_ == ..size_-1}-->
             <div class="gnb_img">
                     <img width="100%" class="img-responsive target_img" src="/images/ggg.jpg">
              </div> 

              </ul>
           <!--{/}-->
           <!--{/}-->
       </li>
   <!--{/}-->
 <!--{* End Menu *}-->

근데 A메뉴는 터치가 잘되는데

B,C 메뉴는 터지가 윗 소메뉴 4개밖에 안됍니다

즉 B메뉴의 5번째 소메뉴부터는 다음메뉴(C메뉴)이고 C메뉴 역시 5번째 소메뉴부터는 다음 메뉴(D메뉴)로 되어있는데요

height를 주면 되기나는데 윗 코드처럼 루프로 메뉴 표시하는거라 강제로 주기로 힘드네요

height:auto; / height:100%; 도 안돼고...

메뉴의 높이가 등록된 소메뉴가 전체 합산 높이로 잡게 할러면 어떻게 해야할까요...

답변 1개

채택된 답변
+20 포인트

min-height:000px;

이렇게 한번 해보시죠..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고