모바일 사이즈 폰트 사이즈

안녕하세요~
메인페이지의 타이틀 부분으로 보여 집니다.
아래는 해결 방법 입니다.




style_aqours.css : 214 번째줄

.center-heading h2 {

    margin-bottom: 0;

    font-weight: 700;

    letter-spacing: -1px;

    color: #000;

    font-size: 30px;

}

테마폴더 / css / style_aqours.css : 214 번째줄

해당 스타일시트로 이동하시면, 위와 같은 부분이 있습니다.

위 내용을 아래 처럼 변경해주세요.

/* 모바일기기 1 */

@media only screen and (max-width: 320px) {

.center-heading h2 {

    margin-bottom: 0;

    font-weight: 700;

    letter-spacing: -1px;

    color: #000;

    font-size: 16px; /* 모바일 폰트크기 */

}

}

/* 모바일기기 2 */

@media only screen and (min-width: 321px) and (max-width: 768px){

.center-heading h2 {

    margin-bottom: 0;

    font-weight: 700;

    letter-spacing: -1px;

    color: #000;

    font-size: 16px; /* 모바일 폰트크기 */

}

}

/* 태블릿 */

@media only screen and (min-width: 769px) and (max-width: 1200px){

.center-heading h2 {

    margin-bottom: 0;

    font-weight: 700;

    letter-spacing: -1px;

    color: #000;

    font-size: 30px; /* 데스크탑 폰트크기 */

}

}

/* 데스크탑 */

@media only screen and (min-width: 1201px) {

.center-heading h2 {

    margin-bottom: 0;

    font-weight: 700;

    letter-spacing: -1px;

    color: #000;

    font-size: 30px; /* 데스크탑 폰트크기 */

}

}

위 보시면 모바일 기기일 경우 폰트사이즈를 16px 로 줄였습니다.

이렇게 처리해주시면 되고, 다른 텍스트가 다른 css 관련된 class 모두 이렇게 응용해주시면 좋을것 같습니다.

감사합니다.

감사합니다. 미디어쿼리 이해했습니다.
2번 질문에 대한 답변도 부탁드립니다. 상단 메인메뉴에서 2차 좌측정렬 css화일명 질문드렸습니다.

항상 좋은테마 좋은 답변 감사합니다.

이미지가 하나 있어서 질문이 한개 인지 알았습니다.
죄송합니다. ;;



혹시 위처럼 2차 메뉴를 말씀하시는지요?
네비게이션 메뉴 2차메뉴의 좌측정렬은 테마폴더 / navigation.php 파일에 스타일시트에 포함되어 있습니다.

위 처럼 해당 클래스를 수정해주시면 됩니다. 
감사합니다.