메뉴가 이상하네요
본문
익스플로러로 whereculture.com 들어가면 처음엔 괜찮은데
화면을 줄이면 메뉴란이 풀리면서 이상하게 적용되네요
모바일은 아예 메뉴란이 이상하구요 어딜 수정해야되는걸까요 부탁드립니다
답변 3
사이트가 부트스트랩을 이용한 반응형으로 제작되었네요.
화면을 줄이면 당연히 메뉴부분의 최대너비가 줄어듬에 따라 줄바꿈이 되어 보이는 거죠.
반응형을 만들때 브레이크 포인트라고 해서 특정 너비에 특정 스타일을 부여하는게 기본입니다. 미디어쿼리를 이용하게 되죠.
관련해서 미디어쿼리에 대한 이해를 먼저 하셔야됩니다.
이후, 부트스트랩의 미디어쿼리, 브레이크 포인트를 확인하시고 각각에 따른 스타일링을 해주셔야합니다.
가령 @media (min-width: 992px) 일때,
글씨의 크기를 줄이고 메뉴들의 너비 및 여백을 조정해서 줄바꿈이 되지 않는 방향으로 스타일링을 해보는 식으로 말이죠.
css 수정해야됩니다.
/theme/freelancer/css/bootstrap.min.css
거긴거아는데 어디를해야될지...
크롬이면 F12를 누르면 옆에 element바가 뜨는데요.
수정하고픈 곳에 우클릭하고 검사를 누르면 수정을 원하는 css의 목록이 뜹니다.
답변을 작성하시기 전에 로그인 해주세요.
