[hiro]

【お使いの Snow Monkey のバージョン】バージョン: 20.4.1
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】Chrome
【当該サイトのURL】https://hiromi-design.biz/

### 実現したいこと

グローバルナビゲーションをロゴの上に移動させたい

### 発生している問題

グローバルナビゲーションの位置変更の仕方が分からない

### 試したこと

フォーラムを検索したことと、

Chat GPTに聞いたのですが、直接テーマファイルを編集するしかないという回答でした

 

お世話になっております、いつも素敵なテーマをありがとうございます。

添付画像のように、グローバルナビゲーションをサイトの一番上に持ってきたいのですが、functions.phpにコードを書くことで実現可能でしょうか？

もし方法がありましたら、ご教示いただけると幸いです。

お忙しい中恐れ入りますが、よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[GONSY]

<div class="l-center-header" data-has-global-nav="true">
	<div class="c-container">
		<div class="u-invisible-md-down">
		.....
		</div>
			
		<div class="l-center-header__row">
		.....
		</div>

		<div class="l-center-header__row u-invisible-md-down">
		.....
		</div>
	</div>
</div>

サイトを拝見したところ、該当箇所はこんな感じのHTMLになっていますので、 flexbox ＋ order プロパティで表示順は変えられると思います。

.l-center-header > .c-container {
	display: flex;
	flex-direction: column;
}

.u-invisible-md-down {
	order: 1;
}

.l-center-header__row.u-invisible-md-down {
	order: 2;
}

.l-center-header__row {
	order: 3;
}

♥ 2

いいねをした人:

[hiro]

GONSYさま

ご提示いただいたコードで、思う通りに実現できました！

この度は本当にありがとうございました。

♥ 2

いいねをした人:

[投稿者]

投稿