ヘッダーメニューの下線を消したい マウスオンで線表示

[tokami]

■ 利用テーマとバージョン :Lightning pro　バージョン: 8.4.0
■ 質問内容：
ヘッダーメニューの下線を消しマウスオン時には表示したいです
他のトピックにあった解決方法の
カスタムCSSに以下を追加したら下線は消えたのですが
マウスオン時に線を表示するにはどうすれば良いのでしょうか？
ページ表示時も下線は消したいです。
アドバイスよろしくお願いします。

@media (min-width: 768px){
.gMenu > li:before {
border-bottom:none;
}
}

[junon]

たとえば

@media (min-width: 768px){
.gMenu>li:hover::before{
    border-bottom:1px solid #ccc;
  }
}

な感じですね。

[tokami]

ありがとうございました。
解決しました。

[投稿者]

投稿