GNB 메뉴관련 문의 드립니다.

 

1번 . 메뉴내용이 왼쪽으로 치우쳐 하단으로 내려올 시에 그림처럼 하위메뉴가 저렇게 됩니다 전체적으로 오른쪽 여백조정하는법을 알고 싶습니다.

2번 . 밑에 하위메뉴 배경색 변경은 어디서하는지 궁금합니다.

3번 . 메뉴의 위아래 여백 조정은 어디서하는지 궁금합니다.

항상고생 많으십니다!
· 관련키워드

 ,[RE],GNB영역

공유하기
매뉴얼요청
분류
GNB/LNB 메뉴구성
등록자

김명준

등록일
2018-08-07
버전

[RE] GNB 메뉴관련 문의 드립니다. .AB-wide-gnb-sub

1. 현재 GNB 왼쪽정렬로 사용중이십니다.
메뉴 사이사이의 간격을 넓히려면 헤더페이지 편집화면 > GNB영역에 있는 분홍색 P아이콘 클릭 > 수정
> 파일명 입력란에 적힌 내용중 sitecook_MG=0 15px 0 15px 을 찾아 두번째 값과 마지막 값의 숫자를 늘려주세요.
예시) 0 40px 0 40px 이라고 적을 경우 각 메뉴당 오른쪽에 40px 왼쪽에 40px의 여백을 갖게됩니다.


2. 헤더페이지 편집화면 > 좌측의 TAG/CSS/JS클릭 > </style> 윗줄에 아래 내용을 추가 후 컬러코드를 지정해주세요.
.AB-wide-gnb-sub {background-color:#컬러코드}

* 컬러코드는 포토샵 또는 포털사이트 검색을 통해 확인하실 수 있습니다.


3. 헤더페이지 편집화면 > 좌측의 TAG/CSS/JS클릭 > </style> 윗줄에 아래 내용을 추가 후 두 곳의 px값을 동일하게 수정해주세요.
.GNB-v .ABA-bggnb-center, .GNB-v .ABA-bggnb-left, .GNB-v .ABA-bggnb-right {height:40px}
.ABA-gnb li a.GNB-a, .AB-menu-sub a {line-height:40px;}

* 원래 css파일에 지정되어있는 내용이기 때문에 위 작업을 하더라도 반영이 안될 수 있습니다.
그런 경우에는 Q&A교육에 참석하셔서 질문해주시거나, 또는 유료 맞춤작업을 신청해주시기 바랍니다.
등록자
비오에스
등록일
2018-08-08 09:45
조회
102
사용자포럼(Q&A)
번호제목등록자등록일
39129

이선우

09-20
39122

최호용

09-19
39118

강동균

09-19
39089

최호용

09-17
39076

최호용

09-13
38999

송병하

09-05
38863

조준희

08-22
38839

김상운

08-22
38800

김명준

08-17
38791

김정혁

08-16
38779

김명준

08-14
38703

임꺽정

08-08
38686

김명준

08-07
38631

황정순

08-02
38609

박창용

08-02