• 가이드

CSS를 이용해 상단영역 높이 조정 하기

아임웹의 상단(로고, 메뉴바, 로그인 버튼 등이 있는) 설정은 다채로운 기능이 제공되고 있지만 몇 가지 제약이 있는 것도 사실입니다.

그 중에서도 많은 문의 사항은 상단 영역의 높이를 조정하는 방법입니다. 상단 설정은 개편이 진행되고 있습니다만, 방대한 작업이라 시일이 걸릴 수 있으니 그 전까지는 이 방법을 활용하시면 빠른  적용이 가능할 것입니다.

사용방법

아임웹의 상단설정의 높이는 100px로 설정되어 있습니다. 이를 60px로 조정하는 코드 예시를 소개합니다.

아래 코드를 복사하여 관리페이지 > SEO, 해더설정의 Header Code 에 붙여넣고 저장을 누르시면 60px로 높이가 조정됩니다. 숫자 60으로 된 부분을 원하는 높이로 변경해 주셔도 됩니다.

참고: 디자인 모드에서는 사용자 코드가 해석되지 않으니 미리보기에서 확인이 가능합니다.

<style>
@media (min-width: 992px) {
 #doz_header .navbar, #doz_header .navbar-main .navbar-nav > .viewport-nav > li > a {
   height: 60px;
 }
 #doz_header .nav-btn-group{
    line-height: 60px;
 }
 #doz_header .navbar-logo {
    line-height: 60px !important;
 }
}
</style>

목록으로

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버페이, KCP 공식파트너입니다.