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

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

· 댓글 6

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

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

참고:

 

 

💬 댓글 6
logo

좋은 정보감사합니다
즐거운 주말 따뜻하게 보내세요^^

logo

감사합니다~ 즐거운 주말과 휴일 보내세요.

logo

모바일에서도 사이드바가 표시되는군요.^^

logo

블로그 잘보고 있습니다. 혹시 카테고리를 위쪽에 하셨고, 마우스를 갖다대면 밑에 부 카테고리가 뜨는데 그건 어떻게 설정하시는건가요??

logo

안녕하세요?

메뉴를 수동으로 만들어 넣을 수 있습니다. 다음 글을 참고해보세요:

https://avada.tistory.com/15

logo

아 그리고 저기 글에서 원래 있던 CSS 코드를 다지우고 저걸로 바꾸면 되는거죵?? 항상 감사드립니다~

이름을 저장합니다.

가성비가 뛰어난 웹호스팅

저렴하고 가성비 좋은 웹호스팅
최근 댓글

서비스를 생각한다면 삼성이⋯

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

저도 노트북에 모니터 연결하⋯

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

무거운 게임 안 하고 주로 사⋯

💬무찌마

저는 삼성하고 엘지 것이 제⋯

💬★이카루스★

감사합니다~ 즐거운 하루 보⋯

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

워드프레스 시작 가이드

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

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

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