[ 解決済 ] Lightning G3 でヘッダーナビの下線を消したい

このトピックには2件の返信、2人の参加者があり、最後にnabe-christyにより1年、 7ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2023年4月14日 4:16 PM #75065

nabe-christy
閲覧者

■ WordPress のバージョン
6.2

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.8.2

■ Pro Unit のバージョン
0.24.1

■ スキンの種類
Origin III

■ 期待する動作
お世話になります。

Lightning(G3)で構築、ヘッダーレイアウト=ナビゲーション回り込みとした際、
標準でヘッダーメニューのcurrentのページに下線が表示されていますが、これを非表示にする方法を教えていただきたいです。
hoverで下線が表示されるのは問題ありません。

■ 自分で試した事
「global-nav」「vk-menu-acc」「global-nav-list」などそれらしきclassにborderの設定をしてみたのですが残念ながら反応しませんでした。

■ 症状が発生するブラウザ
MS-Edge　Chrome

■ 実際の症状
同一ページ内の複数箇所にページ内リンクを設定しヘッダーメニューの項目とした際に
ヘッダーメニューで複数メニューに下線が表示され分かりづらい、という事情です。

宜しくお願いいたします。

2023年4月14日 5:22 PM #75069
うなこ
モデレーター
以下のCSSでどうでしょうか。
意図と違っていましたら教えてください。
```
/*ナビ カレントページの下線をnoneに*/
.global-nav-list>li[class*=current]::before {
   content:none;
}
```
2023年4月14日 5:36 PM #75070

nabe-christy
閲覧者

早速に有難うございました。

質問の意図通りです。
ただ、currentのみだと下線の表示が中途半端になりましたので
下記で完全に非表示としました。

.global-nav-list>li::before {
content:none;
}

解決済みとします。
ご対応に感謝します。
投稿者

投稿