모바일 GNB 질문

모바일 홈페이지에서 현재 있는 GNB(bar형식)를 없애고

 

좌측 하단에 있는 파란버튼을 GNB의 로고 좌측으로 옮기고싶습니다.

 

그래서 템플릿 내에 있는 헤더에서 복사해왔더니 "사이트맵"으로 이동하더라구요

 

버튼을 누르면 원래 있던 파란버튼처럼 좌측에서 LNB가 나오는 형식으로하고싶은데요

 

그래서 파란버튼 설정을 그대로 복사해와서 파란버튼은 삭제했는데 안 되어서 질문남깁니다. 

 

[현재 GNB에서 만들었던 버튼은 가려두고 파란버튼도 그대로 두었습니다.] 

 

★ 관리자정보 메일로 보내드립니다.

· 관련키워드

홈페이지, ,관리자,모바일퀵메뉴,[RE],모바일퀵메뉴버튼위치, 모바일GNB감춤

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

최호용

등록일
2017-09-15
버전

[RE] 모바일 GNB 질문

버튼의 위치를 변경해주시면 되는것으로
모바일 퀵메뉴 편집화면에서 헤더&메타&JS클릭 후 아래 내용을 추가해주시면 됩니다.

 

<style>
.slide-btn-a{top:15px;bottom:inherit !important;}
</style>

관련키워드

모바일퀵메뉴

등록자
등록일
2017-09-15 16:22
조회
69

댓글 1

최호용
답변 감사합니다.

근데 제가 적용하고 싶은 스타일은

퀵메뉴의 위치만 변경하는게아닌

헤더 내의 로고 옆에 고정시키고싶은것입니다 ^^

그리고 헤더 내의 GNB는 아예 없애버리고싶은데,

GNB를 없애면 퀵메뉴를 눌렀을 때 나오는 LNB의 디자인 스타일이 지워지더라구요.

이 부분도 함께 확인부탁드립니다 ^^
2017-09-15 18:14

[RE] 모바일 GNB 질문

1. "퀵메뉴의 위치만 변경하는게아닌 헤더 내의 로고 옆에 고정시키고싶은것입니다 ^^"
=> 스크롤 할 때 퀵메뉴버튼이 따라다니는게 싫다는 질문으로 이해하고 답변드립니다.
지난번에 추가하셨던 아래 내용의 중괄호{} 안에 position: absolute; 를 추가해주세요 (붉은글씨부분)
<style>.slide-btn-a{top:15px;bottom:inherit !important; position: absolute;}</style>

2. "헤더 내의 GNB는 아예 없애버리고싶은데,GNB를 없애면 퀵메뉴를 눌렀을 때 나오는 LNB의 디자인 스타일이 지워지더라구요."
=> GNB를 감싸는 컨텐츠박스 D클릭 > 수정을 클릭해보시면 시작태그앞에 
<link href="/template/DESIGN_gnb_m/program/theme/01/style.css" rel="stylesheet" type="text/css"> 내용이 적혀있습니다.
이 내용을 복사하신 다음 헤더페이지의 헤더&메타&JS에 넣어주시는데요,
미리 적혀있던 내용은 그대로 두시고 엔터 구분 하신다음 맨 밑줄에 넣으시면 되겠습니다. (*<style> 태그 바깥에)

그 다음 GNB영역을 1=2 노출감춤해주세요.
관련키워드

모바일퀵메뉴버튼위치, 모바일GNB감춤

등록자
비오에스
등록일
2017-09-18 10:33
조회
42
사용자포럼(Q&A)
번호제목등록자등록일
35447

최호용

11-08
35337

최호용

11-01
35336

최호용

11-01
35249

최호용

10-26
35197

김상훈

10-24
35196

김상훈

10-24
35140

최호용

10-20
35045

최호용

10-18
34906

김상훈

10-12
34883

최호용

10-11
34871

김상훈

10-11
34841

김상훈

10-05
34818

최호용

09-28
34675

김상훈

09-20
34606

최호용

09-15