WordPressテーマSANGOの質問

ナビゲーションメニューのホバーの種類を変更したい

アバター
スギロナ

お世話になっております。

現在、左から右へホバーアクションが行われていると思います。

これを中心から左右へホバーアクションを行いたいと考えています。

以下のコードで試したのですが、変更されませんでした。

.desktop-nav a:after{
content: ”;
display: block;
width: 0;
margin: 6px auto 0;
border-bottom: 1px solid #FFFFFB;
transition: width 0.3s;
}
.desktop-nav a:hover:after{
width: 100%;
}

どのようにしたら変更されるのでしょうか？

お忙しいところ誠に恐縮ですが、お時間のある際にご返信いただけると幸いです。

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2020/11/08

お世話になっております。
以下のCSSをダッシュボードの［外観］⇒［カスタマイズ］⇒［追加CSS］ もしくは子テーマのstyle.cssに貼り付けることで、中央から左右に伸びるホバーエフェクトに変更できると思います。

.desktop-nav li:after {
    transform-origin: center top;
}

よろしくお願いします。

コメント一覧ページへ