WooCommerceのStorefrontテーマのヘッダー全体をCSSを使用した単一の製品ページで無効にしますか？

私は運が無ければ.page-id-1122 #different-elements-i-saw-in-chrome-inspector-here { display: none; }のようなことを試みました。WooCommerceのStorefrontテーマのヘッダー全体をCSSを使用した単一の製品ページで無効にしますか？

これをどのように達成するか教えてもらえますか？前もって感謝します。

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; }

をし、あなたのスタイルの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 { ディスプレイ：なし; }

ここで、ヘッダー領域はヘッダークラス/ IDになります。

2017-09-06 15:30:25

私は '.page-id-5365 .site-header {display：none！important;可視性：非表示！重要; } '。私はID「マストヘッド」とクラス「サイドヘッダー」を運がない状態で隠そうとしました。 –

答えて