모바일용 CSS 코드는 PC용 CSS 코드 아래에 추가해주셔야 합니다.

해당 코드가 적용되지 않는다면

브라우저의 캐시를 비우신 후에 확인해보시겠어요?

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

만약, 아이프레임으로 보기 기능을 활성화하셨다면

워드프레스 관리자 -> KBoard -> 대시보드 페이지에서

커스텀 CSS 입력 필드에 코드를 추가해보세요.

그래도 해결되지 않으신다면

비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

고맙습니다.

안녕하세요

CSS 입력 필드에 적었는데도 안 변하네요.. ㅜㅜ

이게 세로로 볼 때는 바뀐 것 같은데 핸드폰을 가로로 눕혀서 글을 보면 계속 그대로입니다 ㅜㅜ

안녕하세요~^^

CSS 미디어 쿼리를 활용하시면

모바일 사이즈에서만 동작하는 CSS 코드를 추가하실 수 있습니다.

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보세요.

@media screen and (max-width: 600px) {
	#kboard-default-list,
	#kboard-default-document,
	#kboard-default-editor { width: 100%; }
}

해당 코드는 기존 코드 밑에 추가해보세요.

고맙습니다.