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

VWSとは フォーラム Lightning [ 解決済 ] Lightning G3 でヘッダーナビの下線を消したい

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

  • このトピックには2件の返信、2人の参加者があり、最後にnabe-christyにより1年前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #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

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

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

    #75069

    うなこ
    モデレーター

    以下のCSSでどうでしょうか。
    意図と違っていましたら教えてください。

    /*ナビ カレントページの下線をnoneに*/
    .global-nav-list>li[class*=current]::before {
       content:none;
    }
    #75070

    nabe-christy
    参加者

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

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

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

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。