안녕하세요.
웹 사이트 메뉴를 sticky 형태로 만드려고 CSS를 수정하다보니 모바일이나 PC 브라우저에서 창 크기를 줄였을 때
메뉴가 감춰지고, 모바일 토글 드롭다운 아이콘으로만 표시되던 것이 메뉴도 보이고 모바일 드롭다운 아이콘도 보이는 문제가 발생했습니다.
브라우저 창 크기를 줄이거나 모바일에서 보았을 때 모바일 드롭다운 아이콘만 보여지도록 CSS 어떤 부분을 수정해주어야 하는지 알 수 있을까요?
CSS 초보라 도움이 필요합니다. 사이트 주소는 다음과 같습니다.
=> http://warmchurch.org
조언 부탁드립니다.
감사합니다.
안녕하세요~^^
테마에 관련 설정이 있는지 확인해보셔야 할 듯합니다.
별도의 설정 없다면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
@media screen and (max-width: 600px) {
#header-links { display: none !important; }
}
위의 코드로도 해결이 되지 않는다면
테마 제작자에게도 가능한 방법 있을지 문의해보셔야 할 듯합니다.
고맙습니다.