PaleⅡでメニューの背景を個別で変更したい

[牧野守]

デザインスキンは『PaleⅡ』を利用しております。
現状、ロゴなどの表示がされている部分とメニュー部分でヘッダーが構成されていると思います。
メニュー部分だけ背景の変更を行いたいのですが、
『カスタマイズ』→『Lightning Skin Pale 設定』で変更するとヘッダー部分全体が変更されてしまいます。
解決策はないでしょうか??
どなたか教えていただけると助かります。

[DRILL LANCER]

ヘッダーの色分け可能な区分を画像にしてみました。
このような区分でもOKなら 下記コードをベースにすることで可能でしょう。

@media (min-width: 992px) {
	.gMenu_outer {
	    background-color: #fff;
	}
}

Attachments:

You must be logged in to view attached files.

[牧野守]

教えてくださり、ありがとうございます。
ということは、画面の端まで色を変更することは出来ないのでしょうか??

[DRILL LANCER]

画面の端まで色を変えるには、ロゴやお問い合わせの部分（上記画像の薄い黄色の部分）も同時に変更する必要が出てきます。

[牧野守]

メニュー部分だけ画面端まで変更は難しいんですね。
了解しました。ありがとうございます。

[DRILL LANCER]

下記 CSS を適用すれば、.gMenu_outerを全幅にしつつ、色を変更することができます。
ただし、ブレイクポイントをカスタマイズしている場合は一部変更する必要があります。

@media (min-width: 992px) {
	.container.siteHeadContainer {
		max-width: unset;
	}
	.gMenu_outer {
	    background-color: #fff;
	}
}

[Vektor,Inc]

ご連絡ありがとうございます。

今回のようなカスタマイズ（ヘッダーメニュー部分だけの色変更をする）を考慮して、PaleⅡに以下のcssを追加予定です。

@media (min-width: 992px) {
	.siteHeadContainer.container {
		max-width: unset;
	}
}

その他の不具合などを修正した後にバージョンアップしたいと思いますのでリリースまでしばらくお待ちください。

[牧野守]

ご返信いただき、本当にありがとうございます。
バージョンアップを楽しみにしております!!

[投稿者]

投稿