모바일로 실행시 메뉴문제 도와주세요~

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
모바일로 실행시 메뉴문제 도와주세요~

QA

모바일로 실행시 메뉴문제 도와주세요~

본문

드롭다운 메뉴 스킨 다운받아서 // 적용해서 다행히 pc에서는

 

잘작동됩니다.

 

근데 모바일에서는 사진처럼 한번누르면 저렇게 메모지처럼 뜨고

또한번 눌러야 하위메뉴가 출력됩니다~

옆에 서브메뉴가 있을시 자동으로 화살표가 뜨고

누르면 바로 하위메뉴가 나오게 하려면 어떻게 수정해주면 될까요?

 

a5dcddf19519515c5123af74296f8c3e_1492056534_3682.jpg

 

 

 

 

 

 

 

a5dcddf19519515c5123af74296f8c3e_1492056534_3361.jpg

 

 

<div class="collapse navbar-collapse" id="navbar-ex-collapse-menu">
   <ul class="nav navbar-nav">
   <?php
   $sql = " select *
      from {$g5['menu_table']}
      where me_use = '1'
        and length(me_code) = '2'
      order by me_order, me_id ";
   $result = sql_query($sql, false);

   for ($i=0; $row=sql_fetch_array($result); $i++) {

    // 드롭다운 여부 확인 쿼리
    $sql2 = " select count(*) as cnt
       from {$g5['menu_table']}
       where me_use = '1'
         and length(me_code) = '4'
         and substring(me_code, 1, 2) = '{$row['me_code']}'
       order by me_order, me_id ";
    $row2 = sql_fetch($sql2);

    $add_li_class = '';
    $add_a_class = '';
    $add_a_icon = '';
    if($row2['cnt']){
     $add_li_class = ' class="dropdown"';
     $add_a_class = ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"';
     $add_a_icon = ' <i class="fa fa-caret-down"></i>';
    }
   ?>
    <li<?php echo $add_li_class; ?>>
     <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"<?php echo $add_a_class; ?>><?php echo $row['me_name'] ?><?php echo $add_a_icon ?></a>   

     <?php
     $sql2 = " select *
        from {$g5['menu_table']}
        where me_use = '1'
          and length(me_code) = '4'
          and substring(me_code, 1, 2) = '{$row['me_code']}'
        order by me_order, me_id ";
     $result2 = sql_query($sql2);

     for ($k=0; $row2=sql_fetch_array($result2); $k++) {
      if($k == 0)
       echo '<ul class="dropdown-menu" role="menu">'.PHP_EOL;
     ?>
      <li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>     
     <?php
     }

     if($k > 0)
      echo '</ul>'.PHP_EOL;
     ?>
    </li>
    <?php
    }

    if ($i == 0) {
    ?>
     <style type="text/css">
      /* 메뉴가 없는 경우 중앙 정렬 */
      .navbar-nav, .navbar-nav > li { float:none; text-align:center; }
     </style>

     <li>
     <?php
      $add_url = '#';
      if ($is_admin) {
       $add_url = G5_ADMIN_URL.'/menu_list.php';
       $add_msg = '<br /><b class="text-danger">관리자모드 > 환경설정 > 메뉴설정</b>에서 설정하실 수 있습니다.';
      }
     ?>
     <a href="<?php echo $add_url; ?>" class="kor">
     메뉴 준비 중입니다. <?php echo $add_msg ?>
     </a>
     </li>
    <?php } ?>

 

 

 


 

 

이 질문에 댓글 쓰기 :

답변 3

마우스오버는 모바일에선 없습니다.

 

css의 위치는 bootstrap.min.css라고 위에 써놓았고요.

 

http://zest86.hubweb.net/b1/theme/thema2/css/bootstrap.min.css <--- 경로고요.

 

 

.navbar-nav>li>.dropdown-menu {display:none;}이라고 말씀드렸엇는데..

 

수정을 아직 안했네요.

 

 

그리고 해결되면 채택 좀 부탁드려요.

bootstrap.min.css안에

 

 

.dropdown-menu {display:none;} 

혹은 

.navbar-nav>li>.dropdown-menu {display:none;}

 

 

아무튼 dropdown-menu가 모바일에서 안나타나면 해결될듯싶어요.

답변을 작성하시기 전에 로그인 해주세요.
전체 124,476 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT