채택완료

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

드롭다운 메뉴 스킨 다운받아서 // 적용해서 다행히 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">관리자모드 &gt; 환경설정 &gt; 메뉴설정</b>에서 설정하실 수 있습니다.';
      }
     ?>
     <a href="<?php echo $add_url; ?>" class="kor">
     메뉴 준비 중입니다. <?php echo $add_msg ?>
     </a>
     </li>
    <?php } ?>

|

답변 3개 / 댓글 4개

채택된 답변
+20 포인트
2017-04-13 (목) 15:06:37

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

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

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

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

수정을 아직 안했네요.

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

답변에 대한 댓글 3개

https://sir.kr/g5_theme/1102

요스킨 메뉴를 가져다가 쓴건데요~ bootstrap.min.php파일의 어느부분에 주어야 할지 알수있을까요?ㅠ
앗-제가 수정하면서 뭘 잘못건드렸엇나 보네요- 답변감사합니다.
2017-04-13 (목) 14:38:02

bootstrap.min.css안에

.dropdown-menu {display:none;} 

혹은 

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

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

답변에 대한 댓글 1개

눌렀을때 하위메뉴만 사라지고 마우스오버됬을때 뜨는건 계속 뜨네요 ㅠㅠ 위치를 어디에 넣어야할지를 모르네요 ㅠㅠ
2017-04-13 (목) 13:21:50

이런경우 url을 알려주셔야 답변가능할거같아요.

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