为具有 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.
我试过 .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.