North テーマでヘッダーにマウスオーバーした際のバックグラウンドカラーの反転を無効にしたい

日本語 ディスカッション 技術的なQ＆A
1

件名の通り、North テーマでヘッダーにマウスオーバーした際のバックグラウンドカラーの反転を無効にしたいのですが、上手くいきません。

app.css の下記をコメントアウトしても期待の結果にならず（挙動が変わらず）。解決案を教えていただけますでしょうか。

よろしくお願いします。

.header.hover:after {
opacity: 1; }
.header.hover, .header:hover {
background: #fff; }
2

@TMiura 様

有料テーマなので、詳しく調べることができませんでした。

対処療法でよろしければ、下図のように、

テーマカスタマイズ画面 > header のカスタムCSSで調整するのはどうでしょうか？

screenshot_20231028.png
screenshot_20231028.png3360×1878 701 KB

カスタムCSSの内容は下記です。

.header.hover,
.header:hover {
  background-color: unset;
}

.header.hover a,
.header.hover button,
.header:hover a,
.header:hover button {
  color: #fff;
}

.header.hover .mobile-toggle span,
.header:hover .mobile-toggle span {
  background: #fff;
}

ご参考まで。

(キュー田辺)