모바일에 3차메뉴를 넣고싶은데

아래 사진으로 현재 2차메뉴가 생성되어 있어요

여기서 어디를 어떻게 수정해야할까요ㅠ.ㅠ

<div class="navi_bg">
            <div class="nav" >
                <ul class="subnav1">
                    <?php
                        while( list($k,$v) = each($first_menu) ){

                            $sco = count($second_menu[$k]);
                    ?>

                        <li class="navi_set" >
                            <div><?php if($sco == 0){?><a href="<?php echo $first_menu[$k]?>" target="<?php echo $first_menu_target[$k]?>"><?php }?><?php echo $k?><?php if($sco != 0){?><i class="fas fa-angle-down" aria-hidden="true" style="float:right; margin-right:10px; margin-top:12px;"></i><?php }?><?php if($sco == 0){?></a><?php }?></div>
                            <?php if($sco != 0){?>
                            <ul class="subnav">
                                <?php
                                

                                    while( list($kk,$vv) = @each($second_menu[$k]) ){
                                ?>
                                    <li><a href="<?php echo $vv?>" target="<?php echo $second_menu_target[$k][$kk]?>">- <?php echo $kk?></a>
                                    </li>
                                <?php }
                                    @reset($second_menu[$k]);
                                ?>
                            </ul>
                            <?php }?>
                        </li>
                    <?php }
                        reset($first_menu);
                    ?>
                </ul>
            </div>
        </div>