답변을 여기 다시 드릴께요.

그누보드에 적용할 때는 이 라이브러리보다 https://365ok.co.kr/tj/program/142 이 더 나을 것 같습니다.

위 라이브러리 다운로드해봤는데 추가되는 라이브러리가 많네요.

그래도 적용해 보시겠다면

다운로드 받은후

그누보드 기본 배포판이라면 

demo/renderizeMenu-Smartmenus.html 파일을 열고 해당 부분을 head.php 부분에 반영하세요.
부트스트랩4라면
demo/index.html 파일을 열고 해당 부분을 head.php 부분에 반영하면 될 것 같습니다.

기본 배포판기준:

<script src="res/smartmenus/jquery.smartmenus.min.js" type="text/javascript"></script>
        <script src="../renderMenu.js"></script>
       

이 라이브러리가 필수로 필요하고 

<script>
            $(document).ready(function () {
                var items = [ {"href": "codeignitertutoriales.com", "text": "Home", "icon": "fa fa-home"}, { "href": "#", "text": "Products", "icon": "fa fa-book", "children": [ { "href": "//github.com", "text": "Books", "children": [ { "href": "#", "text": "Jquery" }, { "href": "#", "text": "Codeigniter" }, { "href": "#", "text": "Wordpress" } ] }, { "href": "#", "text": "Software" } ] }, { "href": "#", "text": "Sites", "children": [ { "href": "//codeignitertutoriales.com", "text": "My Blog" }, { "href": "#", "text": "GitHub" } ] } ];

                var $topMenu = $('#topMenu').renderizeMenu(items, {rootClass: "sm sm-blue"});
                $topMenu.smartmenus();
                
                var $menu = $('#myMenu').renderizeMenu(items, {rootClass: "sm sm-blue sm-vertical"});
                $menu.smartmenus();
            });
        </script>
여기에서 해당 메뉴 부분 수정이 필요합니다.