スマホで見ると「グローバルナビメニュー文字色の変更」が効かない問題の対処法 [WordPress / Cocoon]

Cocoonでグローバルナビメニューの文字色を変更したら、PCでは変更が反映されているのに、スマホだと変更が反映されないということがあった。本質的な原因調査はできていないのだが解決方法が見つかったので備忘録がてらまとめておく。

▼ たぶんこれと同じ話(フィードバックしてみた)

 

原因

スキンの設定内容と競合しておりスキンの設定が優先されているため(と思われる)

対処法(回避策)

スキンを「Child スキンテンプレート」に変更した
⇒ グローバルナビメニューの文字色の設定がスマホでも効くようになった

雑記

Cocoonをテーマに使ってあたらしいWordPressサイトをつくっている。いつも、好みの(サイトの雰囲気に合いそうな)スキンを選んでお手軽に済ませて来たのだが、今回つくっているあたらしいサイトではカスタム(ちょっと配色を変えたいなど)したいという思いがある。

ヘッダー画像を設定して、そのヘッダー画像に合うように文字色なども変えていく。

あれ?
と思ったことが。

グローバルナビ色、グローバルナビ文字色を設定した。PCで見たらいい感じなので、スマホでも見てみたら文字色が反映されていない。茶色のままで見づらい。いったいどういうこと。

Chorme デベロッパーツールで各要素をチェックしてみるも変なところはみつからない。この茶色はどこで設定されているのだ…

 

茶色?
もしかしてスキンで設定されている色かな?

 

試しにスキンを変えてみようとおもいつく。
装飾の少ない単純なやつがいいだろうと「Child スキンテンプレート」に変えてみた。

スマホで再表示してみたら、うまくいった。
スキンの設定とかち合っていたようだ。

 

スキンでベースを整えつつ個別カスタムできたら便利なんだけどなぁと思いつつ
できないものは仕方ない。

 

今回のサイトはスキンに頼らずにいくとしよう。

見出しも目次の枠もシンプルそのもの。
味気ないと感じるか清々しいと感じるかは人それぞれ。

ちょっと凝りたいかもね?

 

スキンに頼らないと決めた以上は自分でCSSを適用していくのみ、だ。

どうせやるならちゃんとやろう。
こういうのも醍醐味だよね。

コメント