데스크톱에서만 로고 숨김 [wordpress]

WordPress의 웹 사이트에서 nav 이미지 플러그인을 사용하여 헤더의 메뉴 항목 사이에 로고를 배치했습니다. 본질적으로, 내가하고 싶은 것은 desktop/laptops의 메인 로고 영역 (header 위)을 숨겨서 로고가 nav 메뉴 이미지로만 보여지기 위함이다. 내비게이션 메뉴에 공백으로 표시되기 때문에 모바일/태블릿에서 메뉴 이미지 (집으로 연결되는 링크)를 숨기고 싶습니다.데스크톱에서만 로고 숨김 [wordpress]

웹 사이트는 다음과 같습니다 http://museiam.ca/

홈페이지 로고 : 모바일

.gbtr_logo { 

}

로고 탐색 메뉴 : 나는 스타일 여기하지만 방법이 확실하지 않은

.menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2716 has-image { 

}

그것을 구현하십시오 : http://www.studiopress.com/design/website-respond-mobile-devices.htm

나는 어떤 의견을 주셔서 감사합니다. 고맙습니다.

출처

2014-11-11 crazythedon

를 사용하여 미디어 쿼리는 예를 들어 특정 규칙 때를 적용 (CSS 미디어 쿼리를 구글) 너비가 1000px 미만이거나 600px와 1000px 사이입니다. –

당신은 미디어를 사용할 수는 768px

@media (max-width:768px){ 

.menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2716 has-image { 
display:none; 
} 

}

는 그냥 테마있는 style.css이 배치 withing에 // 장치

출처

2014-11-11 20:28:57 Rajesh

안녕하세요. 노트북/데스크톱에만 표시되는 로고가 있지만 휴대 전화/태블릿에서 메뉴 항목을 숨길 수는 없습니다. 어쩌면 잘못된 수업을 사용하고 있을까요? – crazythedon

엘리먼트를 올바르게 점검하고 적절하게 선택기를 사용하십시오. 전체 아이디어는 미디어 쿼리를 사용하는 것입니다. – Rajesh

내가보기 엔 HTML의 CSS 특히 미디어 쿼리에 도움이 자원을 권장를 조회 귀하의 경우 :

Learn to Code HTML and CSS

출처

2014-11-11 20:55:23

데스크톱에서만 로고 숨김 [wordpress]

답변

관련 문제