VWSとは フォーラム Lightning [ 解決済 ] メニューのドロップダウン(サブメニュー)?について

[ 解決済 ] メニューのドロップダウン(サブメニュー)?について

このトピックには4件の返信が含まれ、3人の参加者がいます。2 ヶ月、 1 週前 gundam さんが最後の更新を行いました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #19889

    gundam
    参加者

    Lightning Pro
    JPNSTYLE
    を、使用させていただいてます。

    PC表示にて
    上部のメニューに、6個配置しております。段落ちはしていません。
    メニュー自体は、いい感じで表示されているのですが
    画面サイズによって、右端のメニューのサブメニューが見切れてしまいます。
    (メニューが右端っこに表示された場合)

    右端のメニューだけ、サイドメニューを左側にずらすことは可能でしょうか?

    #19926

    unako
    参加者

    最後のliだけに適応するなら以下のcssを追加cssに追加してみてください。
    -50pxは一例ですので適当に数字を変更して変えてください。

    @media (min-width: 992px){
    ul.gMenu>li:last-child>ul.sub-menu {
        left: -50px;
    }
    }

    全体のliに適応するなら以下のcssを追加cssに追加してみてください。

    @media (min-width: 992px){
    ul.gMenu>li>ul.sub-menu {
        left: -50px;
    }
    }
    #19942

    gundam
    参加者

    ありがとうございます。
    見切れるのを防ぐことが出来ました。

    全体を試してたり、最後だけを試したりしてみましたが
    最後だけを変更することにしました。

    なかなか、レスポンシブは、デザイン整えるのが難しいですね・・・泣。

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

    #19961

    Vektor,Inc
    キーマスター

    現状の仕様はご指摘のように問題があると認識していますので、
    現在開発中の次期バージョンにて改善予定です。
    下階層が右に出るのではなくそのまま下に展開するようになります。

    #20052

    gundam
    参加者

    サブメニューのサブメニューが右になてしまってたので、おっしゃる通りで、サブメニューのサブメニューは、取っ払いました。次期バージョン楽しみにお待ちしております。

5件の投稿を表示中 - 1 - 5件目 (全5件中)

このトピックに返信するにはログインが必要です。