모바일에서 메뉴가 겹쳐요

폰에서 메뉴 fixed면 본문이 깔려요

테마 css에 메뉴 높이만큼 패딩만 주면 보통 돼요

엥 저도 동아리 애들이 폰으로 공지 보다가 메뉴에 글 가려진다고 캡처 보내온 적 있어요.

저는 그냥 급해서 본문 마진 늘리는 식으로 땜빵했는데 패딩으로 하는 게 더 깔끔하겠네요, 나중에 저도 적용해봐야겠다.

저도 폰으로 볼 때마다 메뉴 겹치는 거 은근 신경쓰였는데 패딩 문제였군요ㅠ 근데 미디어쿼리 브레이크포인트도 같이 손봐야 되는 거 아닌가요, 기종마다 화면 크기 다 달라서 무섭던데.

저는 이런 css 쪽은 자신이 없어서 항상 미루기만 하다가 결국 그냥 폰으론 안 보고 버티는 중이에요, 오늘 점심도 그냥 삼각김밥으로 때웠는데 이런 잔손 갈 일들이 자꾸 쌓이네요.

저도 며칠 전에 무료테마 css 손보다가 딱 이 문제 겪었습니다. media query (max-width: 768px) 안에 헤더 z-index랑 본문 padding-top 같이 넣어서 해결했어요, 브레이크포인트는 768px로 해도 웬만한 폰은 커버되더라고요 :)

기종마다 다 맞추려면 끝이 없어서 저는 대충 하나만 잡고 넘어갔습니다, 완벽하진 않아도 안 보이는 것보단 나으니까요.