티스토리 Book Club 스킨: 모바일에서 사이드바가 표시되도록 하는 방법 (개인 정리용)

워드프레스 정보를 제공하는 블로그 Avada 2019. 12. 14. 16:05 • 댓글:

티스토리 블로그에서 Book Club 스킨을 사용하는 경우 모바일에서 사이드바가 표시되지 않을 것입니다. 사이드바가 표시되도록 하려면 다음 CSS 코드를 찾도록 합니다.

#aside {
position: fixed; 
top: 0;
right: -278px;
z-index: 400;
float: none;
overflow: auto;
width: 278px;
height: 100%;
padding: 94px 24px 40px;
background-color: #fff;
box-sizing: border-box;
transition: left .5s;
-webkit-transition: right .5s;
}

위의 코드 부분을 다음과 같이 변경합니다.

#aside {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}

그러면 모바일에서도 사이드바가 표시됩니다. 숫자는 적절히 원하는 대로 변경수정할 수 있습니다.

참고: