KBoard 퍼스트 콘텐츠몰 스킨 모바일 화면에서 말씀하신 페이지 목록을

상단에 표시 가로 형태로 표시하시려면

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

아래의 코드를 추가해보시겠어요?

@media screen and (max-width: 600px) {
	.kboard-first-contents-mall-sidebar.kboard-sidebar-left { display: block; }
	.kboard-first-contents-mall-sidebar.kboard-sidebar-right { display: none; }
	
	.kboard-first-contents-mall-sidebar .kboard-sidebar-widget { overflow-y: auto; -webkit-overflow-scrolling: touch; }
	.kboard-first-contents-mall-sidebar .kboard-sidebar-widget ul { display: table; position: relative; }
	.kboard-first-contents-mall-sidebar .kboard-sidebar-widget ul li { display: table-cell; white-space: nowrap; }
	.kboard-first-contents-mall-sidebar .kboard-sidebar-widget ul li a { padding: 8px; }
}

레이아웃을 원하시는 대로 수정하시려면 HTML과 CSS 코드에 대해 알면 도움이 됩니다.

크롬 브라우저에서 개발자 도구(F12키)를 사용하시면 CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.

고맙습니다.