この記事ではCocoon（コクーン）で作成したヘッダーメニューの位置を変更する方法を初心者向けに解説しています。
ハムタ
ヘッダーメニューって？
ヘッダーメニューはどうやって作成するの？
という方はまずこちらの別記事を参考にしてメニューを作成してみてください。
ヘッダーレイアウト
ヘッダーメニューの位置はCocoon設定の「ヘッダー」タブの「ヘッダーレイアウト」から変更することができます。
というより、「ヘッダーレイアウト」はヘッダーに表示されるサイトタイトルの位置を変更するのがメインでそれに伴ってヘッダーメニューの位置が変更されます。
| ①： センターロゴ（デフォルト） |
| ②： センターロゴ（トップメニュー） |
| ③： センターロゴ（スリムメニュー） |
| ④： センターロゴ（スリムトップメニュー） |
| ⑤： トップメニュー |
| ⑥： トップメニュー（右寄せ） |
| ⑦： トップメニュー小 |
| ⑧： トップメニュー小（右寄せ） |
①： センターロゴ（デフォルト）
サイトタイトルとヘッダーメニューがセンターに配置されます。
②： センターロゴ（トップメニュー）
サイトタイトルがセンターに配置され、ヘッダーメニューは最上部に配置されます。
③： センターロゴ（スリムメニュー）
サイトタイトルとヘッダーメニューがセンターに配置されます。
デフォルトとの違いがわかりにくいですが、違いはメニューの縦幅が狭くなっています。
④： センターロゴ（スリムトップメニュー）
サイトタイトルがセンターに配置され、ヘッダーメニューは最上部に配置されます。
②のセンターロゴ（トップメニュー）との違いはメニューの縦幅が狭くなっていることです。
⑤： トップメニュー
サイトタイトルが左・その右にヘッダーメニューが配置されます。
⑥： トップメニュー（右寄せ）
わかりにくいですが、⑤のトップメニューと比べてヘッダーメニューが右寄せになっています。
⑦： トップメニュー小
ヘッダーメニューの縦幅が狭くなっています。
トップメニュー小（右寄せ）
ヘッダーメニューが右寄せ・縦幅が狭くなっています。
※ ヘッダーレイアウトはスキンを設定していると「スキン制御」により設定できない場合があります。
