위 홈페이지 처럼 gnb 좌측에 메뉴 고정이 가능한가요?
· 관련키워드
,메뉴링크, 버튼링크, GNB고정,템플릿,버튼,헤더,편집화면,DIV속성,[RE]
위 홈페이지 처럼 gnb 좌측에 메뉴 고정이 가능한가요?
,메뉴링크, 버튼링크, GNB고정,템플릿,버튼,헤더,편집화면,DIV속성,[RE]
템플릿에서 헤더05 의 GNB형태를 가져와서 사용하신 것 같아 그 기준으로 설명드리겠습니다.
Ta 아이콘 근처의 라인 영역에 마우스를 올려보시면 AB-menu-sub 라는 클래스를 지정한 값을 확인하실 수 있는데요.
이때 해당 영역을 클릭 > 수정을 누르시면 DIV속성을 확인하실 수 있습니다.
여기에서 right:5px 를 삭제하시거나 left:5px 로 변경하시고
헤더 편집화면의 좌측에 위치한 헤더&메타&JS부분을 클릭 합니다.
<style> 과 </style> 사이에 .ABA-gnb{margin-left:80px;} 이렇게 왼쪽에 메뉴영역만큼 띄어줍니다.
이렇게 하면 우측에 고정되어있던 버튼링크를 좌측으로 옮길 수 있습니다.
메뉴링크, 버튼링크, GNB고정