FROM CACHE - jp_header

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

TMiura
訪問者
1 0 0

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

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

よろしくお願いします。

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

 

 

  • CSS
1件の返信1

Qcoltd
Shopify Partner
1051 431 418

@TMiura 様

 

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

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

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

 

screenshot_20231028.png

 

カスタム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;
}

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/