본문 바로가기 메뉴 바로가기

산책하는 댕발자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

산책하는 댕발자

검색하기 폼
  • 💡 (101)
    • 언어 (50)
      • HTML&CSS (4)
      • JavaScript (28)
      • Java (5)
      • Kotlin (13)
    • 기술 스택 (30)
      • AWS (10)
      • Tool (10)
      • Etc (10)
    • 개발 노트 (21)
      • 회고 (3)
      • 에러 해결 (17)
      • CS (1)
  • 방명록

Tistory (1)
[CSS] 티스토리 Poster 스킨 메뉴바 고정하기

📝 Poster 스킨 수정사항 ✔︎ 메뉴 버튼을 고정한다. ✔︎ 메뉴바 자체를 고정한다. ✰ 메뉴 버튼 고정 스크롤을 내려 블로그의 하단으로 도달하면 메뉴 버튼이 사라져서 다시 맨 위로 올라가서 메뉴 버튼을 클릭해야 하는 불편함이 있다. 이를 해결하기 위해 메뉴 버튼을 고정해보자. CSS #header .mobile-menu 를 검색해서 찾고 position을 absolute → fixed 로 수정해준다. 수정전 수정후 ✰ 메뉴바 고정 메뉴바를 고정시키면 수시로 메뉴 버튼을 클릭하지 않아도 카테고리를 확인할 수 있는 편리함이 있다. 기존에 메뉴 버튼을 누르면 슬라이드로 보여지는 메뉴바를 고정시켜보자. ☝🏻 메뉴바 고정을 위해 코드를 추가해준다. /* 스킨 수정: 좌측 카테고리 고정 처리 */ @media..

언어/HTML&CSS 2024. 3. 3. 14:42
이전 1 다음
이전 다음
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바