メインコンテンツへ移動

スクロール前は2行だが、スクロール後にロゴとメニュー文字を1行にしたい

0
Who liked: No user
  • このトピックには6件の返信、3人の参加者があり、最後にまーちゅうにより1分前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #146056
    アバター画像mtmekj
    参加者
    9

    【お使いの Snow Monkey のバージョン】バージョン: 29.1.4
    【お使いの Snow Monkey Blocks のバージョン】バージョン 24.1.1
    【お使いの Snow Monkey Editor のバージョン】バージョン 11.0.2
    【お使いのブラウザ】Brave
    【当該サイトのURL】

    ### 実現したいこと
    PC版サイトにて、カスタマイズ デザイン メニュー 2行で設定。
    スクロール前:ロゴが上、メニュー文字が下、2行 だが、
    スクロール後:ロゴが左、メニュー文字が右、1行 にしたい

    ### 発生している問題

    スクロール後でも2行のままになってしまう、または、スクロールしても1行にはできるがロゴが表示されない

    ### 試したこと

    CSSで、ロゴを非表示やロゴをfloat:leftなど。

    ChatGPT4.1と対話。

     

    お返事お待ちしております。
    いつもありがとうございます。
    よろしくお願いいたします。

    0
    Who liked: No user
    #146060
    まーちゅう
    参加者
    391

    「カスタマイズ」 > 「デザイン」 > 「ヘッダー」で、一番下にある「ドロップナビゲーションにサイトロゴを表示する」にチェックを入れてみてください。

    1
    Who liked:
    #146063
    アバター画像mtmekj
    参加者
    9

    それ + PC用ヘッダー位置をノーマル にしたらできました!
    ありがとうございます!

    しかし・・・スクロール後に出現する左:ロゴ + 右:メニュー文字のメニュー1行が、ブラウザの横を縮めたらなぜかメニューが上に行って消え去っていきます。
    CSSは削除、プラグインも全て停止しても、消えてしまいます。

    AIに聞いてJS追加してもダメでした。

    スクロール後のメニュー出現状態で、ブラウザを横に縮めても、消え去らないようにするには、どうしたら良いのでしょうか?

    同じメニュー系の話なので、ここで追記質問させていただきます。

    よろしくお願いいたします。

    0
    Who liked: No user
    #146064
    アバター画像キタジマ タカシ
    参加者
    2606

    ちょっと状況が想像できないので、実際にその現象を確認できるページの URL をここに共有してください!

    0
    Who liked: No user
    #146066
    アバター画像mtmekj
    参加者
    9

    大変恐縮ですが、クライアントワークのため公開できません 汗

    繰り返しになりますが、ファーストビューは2行 → スクロールしたら1行に → ブラウザの横幅を左端でも右端でも、内側でも外側でも、縮めた瞬間にロゴとメニューが上方向に消え去っていきます。

    全く関係ないWPのテストサイトでも全く同じ現象を今確認できました。

    プラグインを全部停止、CSSを全部削除した状態でも、消えます。

    ぜひ、ご回答よろしくお願いいたします。

    0
    Who liked: No user
    #146067
    まーちゅう
    参加者
    391

    ドロップナビが表示されている状態で、windowのリサイズをすると <div class="l-header__drop-nav" aria-hidden="true"> になるので、ドロップナビは表示されなくなります。
    そのまま下にスクロールしてもドロップナビは表示されませんが、一旦ページ最上部まで戻ってからスクロールするとドロップナビが表示されるようです。

    0
    Who liked: No user
    #146068
    まーちゅう
    参加者
    391

    drop-nav.js の window.addEventListener("resize:width", (() => n()), !1); が原因のようです。
    n()aria-hidden"true" にして hideDropNav イベント飛ばしてるので幅が変わるたびに非表示。

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

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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