CSS가있는 단일 제품의 페이지에 대해 WooCommerce의 Storefront 테마의 전체 헤더를 비활성화 하시겠습니까?

행운없이 .page-id-1122 #different-elements-i-saw-in-chrome-inspector-here { display: none; } 같은 것을 시도했습니다.CSS가있는 단일 제품의 페이지에 대해 WooCommerce의 Storefront 테마의 전체 헤더를 비활성화 하시겠습니까?

아무도 말해 줄 수 없습니까? 미리 감사드립니다.

body.product 템플릿 - default.single.single-product.woocommerce이 코드를 추가, 그냥 헤더 ID를 얻을

.page-id-1122 #different-elements-i-saw-in-chrome-inspector-here { display: none !important; visibility: hidden !important; }

출처

2017-09-06 code forever

을하고 스타일 CSS로 이동 :

출처

2017-09-06 16:27:09 ajit

이것은 효과가있어 보였습니다. 그러나 로그 아웃 할 때 어떤 이유로 든 작동하지 않습니다. –

이것을 사용하면 클래스를 제거 할 수 있습니다. .customize-support body.product-template-default.single.single-product.woocommerce.woocommerce- 페이지. 헤더 영역 { 디스플레이 : 없음; } – ajit

그랬습니다. 건배. 감사! –

이 시도 .woocommerce-page.customize-support .header-area { 디스플레이 : 없음; }

여기에서 .header-area는 헤더 클래스/ID가됩니다.

출처

2017-09-06 15:30:25

'.page-id-5365 .site-header {display : none! important;}로 시도해 보았습니다. 가시성 : 숨김! 중요; }'. 나는 id "masthead"와 클래스 "side-header"를 숨기려고 노력했다. –

CSS가있는 단일 제품의 페이지에 대해 WooCommerce의 Storefront 테마의 전체 헤더를 비활성화 하시겠습니까?

답변

관련 문제