GeneratePress Info 테마를 설치하고 Home 화면을 최신 글 목록으로 변경하면 화면에 가로 스크롤바가 나타나는 현상이 있다.
일반 글 페이지는 문제가 없지만, 처음 Home 화면이나 카테고리 페이지로 이동하면 위처럼 화면 아래 긴 가로 스크롤바가 나타난다. 스크롤바 자체도 불필요하고 특히 PC, 모바일 모든 기기에서 화면이 오른쪽으로 움직이면서 빈 여백이 생기는 문제가 있다.
대시보드 – Appearance – Customize – Additional CSS
CSS 탭으로 온 다음 위의 코드를 입력하면 가로 스크롤바가 사라지면서 화면도 움직이지 않게 고정할 수 있다. 아래 코드는 복사해서 붙여 넣은 다음 발행 버튼을 눌러서 블로그에 적용하면 된다.
html {
overflow-x: hidden !important;
}
body {
overflow-x: hidden !important;
width: 100% !important;
position: relative !important;
margin: 0 !important;
}
워드프레스 마스터 가이드
