그누보드5 반응형 기본 세팅

1. 테마를 복사 후 다른이름으로 만든다.

/theme/new_theme

 

2. readme.txt 안에서 테마 이름 변경 후 adm 에서 확인

 

3. config.php 수정 138 line

define('G5_USE_MOBILE', false); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정

 

4. css 수정

/theme/new_theme/css/default.css

 

최하단에 아래 내용 붙여넣기

 

/* media query */
@media (max-width:600px){
.mobile{display:block}
.pc{display:none}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{position:relative; overflow:hidden; min-width:100%;}
#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#main_top_banner,
#logo,
#ft_wr {width:100%}

#gnb .gnb_wrap {overflow-x:auto}
#gnb .gnb_wrap ul{min-width:400px;}
#gnb .gnb_wrap li{display:inline-block;}
#gnb .gnb_menu_btn{display:none}

#aside {display:none}
.lt_wr{width:100%}
.latest-margin-left{margin-left:0}
#container {width:100%}
}