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)
번호제목등록자등록일
2819

도너츠

02-11
2812

소라모모

02-11
2790

에르하트

02-10
5293

유발해

02-09
2749

김도현

02-07
2593

김도현

01-27
2543

이수연

01-25
2500

최현

01-19
2405

윤정래

01-13
2399

최현

01-13
2391

윤정래

01-13
2298

신호섭

01-06
2214

김병훈

01-02
2176

이수연

12-28
2175

이수연

12-28