[모바일GNB를 가운데정렬(수동) 형태로 사용하는 방법]

 

 

 *2016년 3월말 이후에 설치된 ver20141003이상 솔루션에만 템플릿이 준비되어 있습니다.

템플릿이 없으신 분들은 Q&A를 통해 만드는 방법을 별도로 배워주세요.

 

 

 

 

 

 

 

 

 

 

(처리방법)

 

 

1. 편집모드가 Mobile인 상태에서 

페이지관리 > 템플릿 분류 > 카)기타 하위의 F, 기타 페이지 클릭 > 템플릿 복사

 

 

 

 

2. 헤더페이지 편집화면의 원하는 위치에 붙여넣기

 

 

 

 

3. 붙여넣은 수동gnb의 스타일을 수정하려면 붙여넣은 DIV의 D클릭 > 수정 클릭 후

 

1) DIV속성 입력란 : 

class="ABA-content-box" style="background:#51525a;"

- background:#51525a는 GNB의 배경색 컬러코드를넣으세요.

 

2) 시작태그앞 : 

<style>.ABA-gnb-hand li{width:20%;float:left;text-align:center;}.ABA-gnb-hand li a{color:#fff;font-size:14px;height:40px;line-height:40px;}</style>

- width:20%는 메뉴 수에 따라 수정하세요. 

ex)메뉴가 다섯개면 20%, 네개면 25%, 세개면 33.3% .. 

- color:#fff는 원하는 글씨색의 컬러코드를 넣으세요

- font-size:14px는 원하는 글씨크기를 넣으세요.




4. 기존에 있던 자동GNB는 노출 감춤
(http://bos.kr/kwa-manual_v-1211 메뉴얼의 9번과정 참고)