티스토리 Whatever 스킨 상단 메뉴 고정

티스토리 Whatever 스킨 상단 메뉴 고정하는 방법입니다.

티스토리의 Whatever 스킨은 처음 다운 받은 상태로 사용하게 되면, 상단의 메뉴가 위 아래로 움직이면서 글의 맨 끝에 가면 다시 위에서 메뉴를 끌어와서 작동시켜야 합니다. 이는 PC 뿐만 아니라 모바일에서도 이러한 불편이 있습니다. 이에 상단 메뉴를 고정하여서, 사용자의 편의를 높이고자 합니다.

티스토리 Whatever 스킨 상단 메뉴 고정

Whatever 티스토리 스킨 상단 메뉴를 고정하기 위해서는 CSS의 두 부분만 수정하면 됩니다. #header와 #aside를 다음과 같이 각각 수정합니다. CSS에서 이와 같이 수정작업이 완료되어 적용을 누르면 상단의 메뉴가 고정됩니다.

반드시 CSS 수정 작업을 하기 전에는, 기존에 쓰고 있던 스킨의 백업을 받아두시기 바랍니다.

Whatever 티스토리 스킨 상단 메뉴 고정 CSS 수정 코드

#header { 
	max-width: 70rem;
	margin: 0 auto;
	z-index:1010; 
	background-color:#fff; 
	box-sizing:border-box; 
	position:sticky; 
	position:-webkit-sticky; 
	top:0; }

#aside {
  position:fixed;  
  z-index:1030;
  float:none; 
	overflow:auto;   
	margin-top: 120px;
	padding: 57px 0 24px;
	border-top: 1px solid #e6e6e6;
}