모바일 버전에서 헤더가 네비 화면 가림
본문
https://sir.kr/g5_theme/3526 테마 사용하였습니다.
모바일로 했을 때 사이드바가 헤드바에 가려집니다. 이 부분은 어떻게 수정해야 할까요?
헤더에 메뉴를 추가 하다보니 아래로 밀려서 3줄이 되었습니다. 이를 올리는 방법과 내려갔으면 자동으로 사이드바 메뉴가 아래로 내려갈 수 있나요? 메인 화면은 자동으로(살짝 겹치지만) 내려가는데,
사이드 바는 그대로 있어서 겹칩니다.
답변 1
조언만 해드릴게요
모바일에서 왼쪽은 탭버튼 햄버거 모양 버튼 하나 있고
맨 오른쪽은 프로필 을 두고요 (중간에는 로고를 넣어도 되고 없어도 되요)
여기서 프로필을 누르면 펼침메뉴가 나와서 좋아요 싫어요 등 이런거 나오게끔 하면 될것같아요
css로는 flex를 찾아서 해보시면되요
이게 반응형으로 제작된 것이라, aside.php에서 왼쪽 텝이 작업 되고 head.php에서 위에 텝이 작동합니다. 모바일은 따로 쓰지 않고 있습니다. 적용된 css에서 flex 를 좀 찾아 봐야 겠네요.
반응형 안쓴다해도 부트스트랩자체가 반응형에 최적화되어서.. 모바일 안쓴다해도 그대로 쓰셔야될거에요
아 답변이 늦었습니다. 모바일 스킨을 따로 안 쓴다는 의미 였습니다.
반응형이라 모바일에서도 그대로 같은 페이지로 보여지는데, 위 테마 같은 경우 상단 헤드가 추가적인 메뉴로 인하여 늘어났을 때, 왼쪽 사이드 바는 반영이 되지 않아서, 어디에서 확인을 해야하는지 문의드렸습니다.
z-index 뒤쪽으로 배치되서 헤더에 가려지는 부분이 생기고, 그 아래로 메뉴가 내려와야 하는데, 이 부분을 찾을 수가 없습니다.
헤더의 위치를 찾아 자동으로 변경되도록 찾아야 하는데, 어떻게 해야할지 모르겠습니다. 도움 부탁드립니다.
부트스트랩은 반응형 그리드 시스템으로 되어 있어서 가능할진 모르겠네요
한가지만 손만 보면 다른곳도 손을 봐야되서.. 다른 테마를 쓰셔야됩니다.
만약에 진행하신다면 개발자 도구로 그영역만 만 선택해서 보시면서 확인해야되구요 말로 설명하기엔 너무 길어서 사용법은 유투브에 영상보면서 따라해보세요
네 답변 감사합니다. 여러가지로 테스트 하면서 수정하고 있습니다. 아직 해결은 못했지만 답변 감사합니다.
