woocommerceページのヘッダー非表示化について

Question

###前提・質問
現在Business Centerというワードプレスのテーマとwoocommerceプラグインを使ってECサイトを製作中です。

固定ページや投稿ページ内のヘッダー画像は非表示化
（このテーマの場合Header Imageの項目でDisableを選択するとヘッダー画像が非表示になります。）

ができるのですが、
woocommerceの特有ページ（商品ページや、カテゴリーなどのページ）では
商品名や「カテゴリー：○○○」といったヘッダーが表示されてしまいます。

このヘッダー画像をCSSや、プラグインを用いて非表示化することはできますでしょうか。

お力添えをいただけると幸いです。

Answer 1

カスタマイズのヘッダー画像からは、どのページも
デフォルトのヘッダー画像は消せないと思うのですが。
（というか、わたしは消せなかった）

それはおいておいて、
woocommerce関係のページからヘッダー画像を消すには、以下でいけると思います。

.woocommerce #banner-image {
  display: none;
}

カスタマイズの追加CSSに書いてみてください。

ただ、ここに画像がないと間が抜けた感じになる気がするのですが。

追記

背景色が白ならメニューバーも白なんで見えていないだけだと思います。

.woocommerce span.menu-icon .icon-bar {
  background-color: red;  //好きな色を
}

タイトルがサイトのタイトルなら同じ理由です。
こちらは「カスタマイズ」->「色」->「ヘッダーテキスト色」
で変更すれば見えるようになると思います。

Comments

[peter-]

ご回答誠にありがとうございます。こちら確認して、非表示になりました！ ありがとうございます。

タイトルとメニューバーも消えてしまいましたが、スクロールすると出現するのでこちらで進めたいと思います。

とても助かりました！ありがとうございます。

[peter-]

追記の件

誠にありがとう御座います。
ご進言通り解決致しました。
ぜひまたご相談させていただければ幸いです。
ありがとう御座いました！