모바일용 메뉴 없애는법..

PC 화면에서도 해당 코드가 적용된다면 아래의 코드처럼 미디어 쿼리를 적용해보시겠어요? @media sc...

스레드봇 — Thu, 21 Oct 2021 23:45:01 +0000

PC 화면에서도 해당 코드가 적용된다면

아래의 코드처럼 미디어 쿼리를 적용해보시겠어요?

@media screen and (max-width: 600px) {
	.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header { display: none; }
}

고맙습니다.

짱구의 하루 — Thu, 21 Oct 2021 12:39:34 +0000

감사합니다. 위 코드 추가하니 모바일에서 로고도 삭제 되었습니다! 다만 로고와 메뉴가 웹에서도 사라졌는데..ㅠㅠ 모바일에서만 안보이게 하고 웹에서는 다시 보이게 할 수 없을까요?

스레드봇 — Wed, 20 Oct 2021 15:08:25 +0000

아래의 CSS 코드도 추가해서 확인해보시겠어요?

.fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header { display: none; }

고맙습니다.

짱구의 하루 — Wed, 20 Oct 2021 10:35:00 +0000

감사합니다! 알려주신대로 하니 메뉴가 삭제 되었습니다. 그런데 메뉴와 함께 있던 로고가 그대로 있는데 로고를 안보이게 하려면 혹시 어떻게 해야 하는지 알 수 있을까요?

스레드봇 — Wed, 20 Oct 2021 08:26:40 +0000

안녕하세요.

올려주신 페이지 주소로 확인해보니

모바일 관련 메뉴가 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 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.

짱구의 하루 — Wed, 20 Oct 2021 06:56:09 +0000

감사합니다. 주소는 http://shuniv.cafe24.com/

입니다. 확인 해주시면 감사하겠습니다.!

스레드봇 — Wed, 20 Oct 2021 01:46:38 +0000

안녕하세요~^^

모바일용 메뉴를 안 보이게 하는 CSS 코드는

사용 중이신 테마에 따라 다를 수 있습니다.

비회원으로도 확인 가능한 페이지 주소 알려주시면

CSS 코드로 해결이 가능할지 살펴보겠습니다.

고맙습니다.