[ 解決済 ] グローバルメニューの左寄せ

VWSとは フォーラム Lightning [ 解決済 ] グローバルメニューの左寄せ

[ 解決済 ] グローバルメニューの左寄せ

  • このトピックには1件の返信、2人の参加者があり、最後にうなこにより4年、 7ヶ月前に更新されました。
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #36239

    yoossan
    参加者

    初歩的な質問で大変恐縮なのですが⋯
    グローバルメニューを左寄せにしたいと思っております。
    いろいろ検索したものの自分では解決できませんでした。
    どなたか解決策をご教授いただけませんでしょうか?
    何卒よろしくお願いいたします。

    ・問題のテーマ・プラグインのバージョン
    Lightning Proバージョン: 4.3.1

    Attachments:
    You must be logged in to view attached files.
    #36261

    うなこ
    モデレーター

    添付画像拝見しました。
    グローバルメニューを左寄せにするより、ロゴとメニューを中央寄せにする方がバランスが良い気がします。
    下のcssはロゴとグローバルナビを中央寄せにするcssとなります。
    いかがでしょうか
    もし左寄せが良い場合はまた教えてください。

    ※1200px以上のサイズで適応されます。

    @media (min-width: 1200px){
    .navbar-header {
        float: none;
        text-align: center;
    }
    .navbar-brand {
        text-align: center;
        float: none;
    }
    
    .gMenu_outer {
        float: none;
        width: 100%;
    }
    
    ul.gMenu {
        float: none;
        position: relative;
        left: 50%;
        display: inline-block;
        text-align: center;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    
    }
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。