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

<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

いいねをした人: