Vektor WordPress Solution
VWSとは › フォーラム › Lightning › PaleⅡでメニューの背景を個別で変更したい
デザインスキンは『PaleⅡ』を利用しております。 現状、ロゴなどの表示がされている部分とメニュー部分でヘッダーが構成されていると思います。 メニュー部分だけ背景の変更を行いたいのですが、 『カスタマイズ』→『Lightning Skin Pale 設定』で変更するとヘッダー部分全体が変更されてしまいます。 解決策はないでしょうか?? どなたか教えていただけると助かります。
ヘッダーの色分け可能な区分を画像にしてみました。 このような区分でもOKなら 下記コードをベースにすることで可能でしょう。
@media (min-width: 992px) { .gMenu_outer { background-color: #fff; } }
教えてくださり、ありがとうございます。 ということは、画面の端まで色を変更することは出来ないのでしょうか??
画面の端まで色を変えるには、ロゴやお問い合わせの部分(上記画像の薄い黄色の部分)も同時に変更する必要が出てきます。
メニュー部分だけ画面端まで変更は難しいんですね。 了解しました。ありがとうございます。
下記 CSS を適用すれば、.gMenu_outerを全幅にしつつ、色を変更することができます。 ただし、ブレイクポイントをカスタマイズしている場合は一部変更する必要があります。
.gMenu_outer
@media (min-width: 992px) { .container.siteHeadContainer { max-width: unset; } .gMenu_outer { background-color: #fff; } }
ご連絡ありがとうございます。
今回のようなカスタマイズ(ヘッダーメニュー部分だけの色変更をする)を考慮して、PaleⅡに以下のcssを追加予定です。
@media (min-width: 992px) { .siteHeadContainer.container { max-width: unset; } }
その他の不具合などを修正した後にバージョンアップしたいと思いますのでリリースまでしばらくお待ちください。
ご返信いただき、本当にありがとうございます。 バージョンアップを楽しみにしております!!