サポート » テーマ » Lightning:iPhone閲覧時のメニュー

  • Lightningの制作したサイトのメニューのアイコン(恐らくデフォルトでiPhoneで見たときにトップのロゴの左に出る3本の横線が入った正方形です)、コレをiPhoneで見た時にトップの右端にしたいんですが、どうすればいいでしょうか?

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • 下記のスタイルではどうでしょうか?

    style.css などに、

    .vk-mobile-nav-menu-btn {
    	left: auto;
    	right: 5px;
    }
    CG

    (@du-bist-der-lenz)

    カスタマイズの設定では、かないませんか

    Lightning テーマのバージョンはいくつでしょうか?

    バージョン 6.0 より、メニュー展開ボタンの位置指定は(一時的に?)廃止となったようです。
    https://lightning.nagoya/ja/archives/lightning-6-0

    テーマの専用フォーラムに、同じ内容のトピックがありました。
    https://vws.vektor-inc.co.jp/forums/topic/vk-mobile-nav-btn-position

    ishitakaさま
    CGさま

    またありがとうございます! 返信遅くなりすみません。

    CGさんのようなカスタマイズのウィンドウが見当たらないです。

    Lightningのバージョンは6.6.3なので、ishitakaさんのおっしゃる通り、現状ではCSSを追加しないとダメっぽいですね。

    で、やってみたらイケました。でもメニューのアイコン(ナビゲーション)を右にしたかった理由は、スマホで見た時にクライアントのロゴを左端に寄せたかったからなんですが、ナビゲーションが右になっただけで、ロゴは左端には詰まりませんね…。コレだとナビゲーションは左のままでいいかも?です。

    ishitaka

    (@ishitaka)

    解決したということかしら?解決したら、「解決済」にしてくださいね。

    ちなみに、下記のスタイルでロゴを左寄せできると思います。

    .vk-mobile-nav-menu-btn {
    	left: auto;
    	right: 5px;
    }
    
    @media (max-width: 991px) {
    .navbar-brand {
        float: left;
        text-align: left;
        padding: 5px 45px 0 15px;
    }
6件の返信を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。