theme34 에서 메뉴바 길이 조정하는 방법을 알고 싶습니다.
페이지 정보
작성자
본문
테마명 : theme34
안녕하세요, theme34를 이용하여 사이트를 구축 중인데, 상단 메뉴바 높이를 변경하는 방법을 알고 싶습니다.
http://hanilfood.treem.co.kr/company/overview.php 에 가시면, 상단 메뉴 높이가 작아서 로고가 다 나오지 않고 있습니다.
height를 더 늘리고 싶은데, 어디를 수정해야 될지 알려주시면 고맙겠습니다.
그리고, 개발자 도구에서 120px로 늘리면 흰색 메뉴바 중간에 회색 라인이 생기는데, 이 라인도 120px에 맞게 밑으로 이동하는 방법도 알려주시면 고맙겠습니다.
감사합니다.
안녕하세요, theme34를 이용하여 사이트를 구축 중인데, 상단 메뉴바 높이를 변경하는 방법을 알고 싶습니다.
http://hanilfood.treem.co.kr/company/overview.php 에 가시면, 상단 메뉴 높이가 작아서 로고가 다 나오지 않고 있습니다.
height를 더 늘리고 싶은데, 어디를 수정해야 될지 알려주시면 고맙겠습니다.
그리고, 개발자 도구에서 120px로 늘리면 흰색 메뉴바 중간에 회색 라인이 생기는데, 이 라인도 120px에 맞게 밑으로 이동하는 방법도 알려주시면 고맙겠습니다.
감사합니다.
댓글목록
소프트존님의 댓글

안녕하세요.
네비 수정부분에 대해서 질문주셨는데요.
1. 네비 높이 조정
테마폴더 보시면 css / style_aqours.css 594번재줄에 아래 처럼 되어 있습니다.
아래 빨강색의 값을 padding: 40px 0; 으로 해주시면 높이조절이 가능합니다
.navbar-default {
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
margin-bottom: 0;
width: 100%;
padding: 40px 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
-ms-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
background-color: rgba(255, 255, 255, 0.98);
clear: both;
z-index: 9999 !important;
}
2. 로고 위치 조정
같은 파일 style_aqours.css 맨 하단에 아래 추가해주세요.
그리고 수정후에 컨트롤 + 시프트 누른상태에서 R 눌러서 강력세로 고침하셔야 css 가 바로 적용되니 참고해주세요.
감사합니다.
2. 로고 위치 조정
같은 파일 style_aqours.css 맨 하단에 아래 추가해주세요.
그리고 수정후에 컨트롤 + 시프트 누른상태에서 R 눌러서 강력세로 고침하셔야 css 가 바로 적용되니 참고해주세요.
감사합니다.
/* 기본 (데스크톱 우선) */
.navbar-brand > img {
display: block;
height: 115px;
margin-top: -40px;
}
/* 모바일 전용 */
@media (max-width: 768px) {
.navbar-brand > img {
height: 60px;
margin-top: -15px;
}
}
소프트존님의 댓글

위 치럼 적용해주시면 모바일쪽 pc 쪽 간격이 맞게 처리가 됩니다.
추가 질문 있으시면 코멘트 주세요.
감사합니다.