Q&A
グローバルメニューでの下線が同時表示しないようにしたい
WordPressのlightningテーマでのグローバルメニュー選択時の下線が
カスタム投稿ページ(CPT UI)選択時になぜかデフォルト投稿ページのメニューにまで下線が表示される。
``特になし
または、問題・エラーが起きている画像をここにドラッグアンドドロップ
### 自分で試したこと
ここに問題・エラーに対して試したことを記載してください。
現状なし
わかる方いらっしゃいましたらぜひご教授、ご鞭撻よろしくお願い致します。
ブラウザの開発者ツールで CSS がどう適用されているか調べることはできますか？
【追記】
すいませんどの部分が適用されて関係しているか分からなかったので、
調べればわかると思うのですが・・・
という記事からリングが貼ってある「Lightning無料版デモサイト」
を Edge に表示して開発者ツールで問題のメニューの部分にどのような CSS が適当されているかを見たのが下の画像です。
赤枠で囲んだ width: 100%; が適用されているとアンダーライン（その下の border-bottom）が表示されます。
質問者さんの問題、
カスタム投稿ページ(CPT UI)選択時になぜかデフォルト投稿ページのメニューにまで下線が表示される。
というのは、上の画像で赤枠で囲んだように width: 100%; が常に適用されているからだと思います。自分でも調べてみてください。
ただ、その原因は自分には分かりません。質問者さんの方で調べていただきたく。
@juu3
Questioner
ご回答ありがとうございます。
すいませんどの部分が適用されて関係しているか分からなかったので、
長いですがカスタム投稿アーカイブページのCSSがこちらになります。
何かわかりますでしょうか。
ご確認の程よろしくお願い致します。
element.style {
}
すいませんどの部分が適用されて関係しているか分からなかったので、
調べればわかると思うのですが・・・
質問者さんのページは調べる術がないのでネットにあるデモページを見てみました。その結果を回答欄に追記しておきます。
