본문으로 바로가기
  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;
}

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

참고:

 

 

SNS 공유하기
💬 댓글 6
logo

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

logo

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

logo

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

logo

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

logo

안녕하세요?

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

https://avada.tistory.com/15

logo

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

이름을 저장합니다.

가성비가 뛰어난 웹호스팅

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

최근 댓글

가성비적인 측면에서 괜찮은⋯ 💬워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada 요가하구 비보북 너무 괜찮은⋯ 💬Hman 윈도우 11은 아직 사용해 보⋯ 💬空空(공공) 감사합니다. 다시 한번 차근⋯ 💬viator_min 사이트 속도가 느리면 SEO(검⋯ 💬워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada

워드프레스 시작 가이드

워드프레스 시작하기