为具有 CSS 的单个产品页面禁用 WooCommerce Storefront 主题的整个 header?

Disabling entire header for WooCommerce's Storefront theme for a single product's page with CSS?

我试过 .page-id-1122 #different-elements-i-saw-in-chrome-inspector-here { display: none; } 之类的事情,但没有成功。

任何人都可以告诉我如何完成这个吗?提前谢谢你。

试试这个:

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

只需获取您的 header id 并转到您的样式 css,添加此代码

body.product-template-default.single.single-product.woocommerce.woocommerce-page.customize-support .header-area { 显示:none; }

这里 .header-area 将是您的 header class/id.