ヘッダーグローバルナビに設定した「検索」のマウスオーバー時の挙動について

0
いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #89902
    九州機電株式会社
    参加者
    37

    【お使いの Snow Monkey のバージョン】バージョン: 15.11.1
    【お使いの Snow Monkey Blocks のバージョン】バージョン 12.6.1
    【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
    【お使いのブラウザ】google chrome
    【当該サイトのURL】https://www.kyushu-kiden.co.jp/

    いつもお世話になっております。

    先日、ヘッダーメニューに「検索」メニューを設置するために、
    過去のスレッドで見つけた「カスタムリンク」を利用した方法で実装いたしました。
    この時に通常のメニューと見た目で差別化するために「検索」についてはCSSによりボタンのような見た目に変更しました。

    snowmonkeyでは、
    デフォルトでグローバルメニューについてホバー状態では「下線」が表示されると思うのですが、
    追加した「検索」については下線が出ないようにしたいと思っているのですが、
    やり方を思いつくことができなかったため、こちらからご質問させていただきました。

    一度試そうと思っていたのは、
    CSSでナビゲーションメニューとして設定いている「liタグ」の最後の要素(last-child)だけに対して、
    下線が出ないようにする方法を考えていたのですが、
    aタグのホバー時のみにというところで詰まってしまいました。。。

    何か方法があればお知恵をいただきたいと思いますので、
    よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #89943
    アバター画像キタジマ タカシ
    参加者
    2426

    メニュー項目はそれぞれ自動的に番号付きの class が付与されるので、

    .menu-item-8917 a::after {
        display: none !important;
    }

    のようにするとどうですかね?

    1
    いいねをした人:
    #89975
    九州機電株式会社
    参加者
    37

    キタジマさん

    ご連絡いただきありがとうございました。
    いただいた内容で無事修正することができました!

    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「ヘッダーグローバルナビに設定した「検索」のマウスオーバー時の挙動について」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。