안녕하세요.
모바일로 사이트 접속시
다른 플러그인을 사용하여 메뉴 모양 변경하여 적용을 하였는데요, 기존 테마의 메뉴를 숨기고 싶습니다.
이전 문의 글의 답변인
@media screen and (max-width: 768px) {
.storefront-primary-navigation { display: none !important; }
}
CSS를 적용해 보아도 그대로인데 혹시 다른 방법이 없을까요?
PC 화면에서도 해당 코드가 적용된다면
아래의 코드처럼 미디어 쿼리를 적용해보시겠어요?
@media screen and (max-width: 600px) {
.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header { display: none; }
}
고맙습니다.
감사합니다. 위 코드 추가하니 모바일에서 로고도 삭제 되었습니다! 다만 로고와 메뉴가 웹에서도 사라졌는데..ㅠㅠ 모바일에서만 안보이게 하고 웹에서는 다시 보이게 할 수 없을까요?
아래의 CSS 코드도 추가해서 확인해보시겠어요?
.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header { display: none; }
고맙습니다.
감사합니다! 알려주신대로 하니 메뉴가 삭제 되었습니다. 그런데 메뉴와 함께 있던 로고가 그대로 있는데 로고를 안보이게 하려면 혹시 어떻게 해야 하는지 알 수 있을까요?
안녕하세요.
올려주신 페이지 주소로 확인해보니
모바일 관련 메뉴가 2군데가 있는 듯합니다.
햄버거 메뉴의 햄버거 부분을 안 보이게 하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보세요.
#wprmenu_bar div.hamburger { display: none; }
메인 이미지 아래에 Go to... 쪽의 메뉴를 안 보이게 하시려면
아래의 코드를 추가해보세요.
.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-mobile-nav-holder { display: none; }
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.
감사합니다. 주소는 http://shuniv.cafe24.com/
입니다. 확인 해주시면 감사하겠습니다.!
안녕하세요~^^
모바일용 메뉴를 안 보이게 하는 CSS 코드는
사용 중이신 테마에 따라 다를 수 있습니다.
비회원으로도 확인 가능한 페이지 주소 알려주시면
CSS 코드로 해결이 가능할지 살펴보겠습니다.
고맙습니다.