본문으로 바로가기
  1. Home
  2. IT & 기타/티스토리
  3. 티스토리 Book Club 스킨: 모바일에서 사이드바가 표시되도록 하는 방법 (개인 정리용)

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

· 댓글 6 · 워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada

티스토리 블로그에서 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;
}

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

참고:

 

 

SNS 공유하기
최근 글
30분전
추천하는 글
30분전
💬 댓글 6

이름을 저장합니다.

가성비가 뛰어난 웹호스팅

저렴하고 가성비 좋은 웹호스팅

이런 공지가 있었군요 알아 갑니다

💬空空(공공)

멋진 하루 되시기바랍니다. 잘보고갑니다

💬해피스타일75

관련 오류가 있으신 분들은 참고가 되겠습니다

💬空空(공공)

저는 애드센스 광고를 없애는 것도 고려하고 있습니다. ⋯

💬워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada

진짜 이제는 이사 준비 해야될것 같은데 문제는 이게 1⋯

💬Sakai

워드프레스 시작 가이드

워드프레스 시작하기
이모티콘창 닫기
울음
안녕
감사해요
당황
피폐

이모티콘을 클릭하면 댓글창에 입력됩니다.

프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드