VWSとは フォーラム Lightning [ 解決済 ] ヘッダーロゴ画像の位置の件

[ 解決済 ] ヘッダーロゴ画像の位置の件

  • このトピックには2件の返信、2人の参加者があり、最後にyuccoにより2日、 10時間前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #42161

    yucco
    参加者

    お世話になっております。

    ヘッダーロゴの位置がメニューと横並びになりません。

    ロゴサイズを大きくしたいと思い、一度

    .navbar-brand img {
    max-height:90px;
    }

    を追加CSSに書き込みましたが、見た目がよくなかったため、御社のデモサイトのサイズと同サイズの
    156×46サイズのロゴに変更して追加CSSの消去したのですが、ロゴが上のほうにありバランスがよくありません。

    位置をなおす事はできますでしょうか?

    ご教授頂けると幸いです。


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #42162

    DRILL LANCER
    モデレーター

    単純にメニュー項目が多すぎて入りきれていません。
    メニューを減らせない場合はロゴの下にメニューを設置するようにするといいと思います。

    /* Origin II でロゴの下にメニューを配置&双方中央揃えに */
    @media (min-width: 992px) {
    
    	.container.siteHeadContainer {
    		display: flex;
    		justify-content: space-between;
    		flex-wrap: wrap;
    	}
    
    	.navbar-header {
    		width: 100%;
    		order: 0;
    		float: none;
    	}
    
    	.siteHeader_logo {
    		float: none;
    		width: 100%;
    
    	}
    
    	.siteHeader_logo img {
    		margin: 0 auto;
    	}
    
    	.gMenu_outer {
    		width: 100%;
    		order: 1;
    		float: none;
    	}
    
    	ul.gMenu {
    		float: none;
    		display: flex;
    		justify-content: center;
    	}
    }

    P.S.
    「デザイン要素サンプル」は必要ですか?

    • この返信は2日、 10時間前にDRILL LANCERが編集しました。
    #42164

    yucco
    参加者

    早速のご返答ありがとうございます。
    デザイン要素サンプルをメニューから消去しましたら、きれいに横並びになりました。

    大変助かりました。
    ありがとうございます。

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