2 返信 最新の回答 日時: Oct 21, 2017 12:37 AM ユーザー:DS3

    Androidのchromeでハンバーガー表示されない

    DS3 Level 1

      スマホでハンバーガーメニューが出るレイアウトで

      AndroidのFirefoxだとでるのですが、chromeだと表示されません。

      http://mt-terra-responsive.businesscatalyst.com/

       

      ブラウザとの相性の問題でしょうか?

      すべてのスマホブラウザに対応させる、最適なハンバーガーメニュー(有料ウィジェット含め)の設置方法はありますか?

        • 1. Re: Androidのchromeでハンバーガー表示されない
          miyukiyyyy Level 1

          ウィジェットライブラリ>コンポジション>ライトボックス表示

          これのコンテナの中に

          ウィジェットのステートボタンもしくはメニューの垂直を入れたら

          それっぽくできましたよ。

           

          ライトボックスのデフォルトの灰色の塗り画面三つのうち、どれでも二つを削除します。

          トリガー部分を塗りの画像を追加で、ハンバーガーアイコンを表示させます。

          これがボタンになります。その際ステートの設定もデフォルトから変更するといいと思います。

           

          それからコンテナ部分に残った一つの灰色画面を好きな色に変更するか、塗りを無しにするかします。

           

          その中に垂直ボタンやステートボタンを入れてしまいます。

          それで終わりです。

           

          アイコンや閉じるボタンは、お好きな位置に固定すればいいと思います。

           

          変形パネルの

          ブラウザに固定かページに固定を選んでください。

           

          ブラウザに固定は、スクロールしても影響されず固定されます。

          ページに固定は、私の推測ですが、ブレークポイントが可変幅のときにのみ、

          左右の固定が有効になるのでは?と思います。

           

          文字のみでわかりづらくて本当にすみません。

          1 人が役に立つと言っています
          • 2. Re: Androidのchromeでハンバーガー表示されない
            DS3 Level 1

            ありがとうございます。

            早速試してみたいとおもいます。