js 각각 다르게 설정

    <!-- Mobile Header -->
    <header class="m-header">
        <div class="at-container">
            <div class="header-wrap">
                <div class="m-icon">
                    <a href="javascript:;" onclick="sidebar_open('sidebar-menu');"><i class="fa fa-bars"></i></a>
                </div>

                <div class="header-logo en">
                    <!-- Mobile Logo -->
                    <a href="<?php echo $at_href['home'];?>">
                        <img src="/img/mlogo.png" title="">
                    </a>
                </div>
                <div class="header-icon">
                    <a href="javascript:;" onclick="sidebar_open('sidebar-user');">
                        <i class="fa fa-user"></i>
                    </a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </header>

현재 해당부분에서 빨간색 표시된 부분하고 파란색표시된놈을 다른 js를설정해주고싶습니다.

현재부분은 아미나 빌더 모바일버전의 해더부분입니다.

이대로 사용하게되면 메뉴열때 한쪽에서만 열리게되어있어서 각각 왼쪽에서 오른쪽에서 열리게 하려고합니다