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

このトピックには2件の返信、2人の参加者があり、最後にyuccoにより4年、 2ヶ月前に更新されました。

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

投稿者

投稿
2020年9月17日 9:48 AM #42161

yucco
閲覧者

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

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

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

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

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

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

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

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

2020年9月17日 9:56 AM #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.
「デザイン要素サンプル」は必要ですか？
- この返信は4年、 2ヶ月前にDRILL LANCERが編集しました。
2020年9月17日 10:13 AM #42164

yucco
閲覧者

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

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

投稿