[티스토리] CCZ-CROSS 스킨 - 모바일 헤더 사이즈 줄이기

 

반응형 웹 스킨 CCZ-CROSS 스킨에서의

 

모바일 화면 헤더부분 사이즈를 줄이는 방법을 설명하고자 합니다.

 

모바일에서 CCZ-CROSS 의 스킨은

 

아래와 사진과 같이 헤더부분 즉 제목부분이

 

많은 자리를 차지하고 있습니다.

 

 

 

 

변경하는 방법은

 

CSS 편집에서 '헤더부분'으로 검색하면 아래와 같은 소스가 보입니다.

 

/* 헤더부분 */
.hd {
    display: table;
    position: relative;
    width: 100%;
    height: 280px;
    text-align: center;
}.hd-inner {

 

 

여기에서 height 280px인 부분을 아래처럼 100%로 바꾸어줍니다.

 

 

/* 헤더부분 */
.hd {
display: table;
position: relative;
width: 100%;
height: 100%; /*이부분을 수정해주세요*/
text-align: center;
}

 

 

그러면 모바일에서 다음과 같이 보여집니다.

 

 

 

모바일에서 헤더 사이즈 줄이는것은 이상으로 끝이며

 

더 자세히 알고 싶으신 분들은 http://cocosoft.kr/370를 참고하시기 바랍니다.