Cocoonグローバルナビメニュー 幅を最小限にする カスタマイズ

Cocoonのグローバルナビメニューの幅を最小限にする方法をご紹介します。

グローバルナビメニューの幅を細くすると、サイト上部をスッキリ見せることができます。

ぜひお試しください！

グローバルナビメニューとは？

画面上部にあるメニューやカテゴリ名を表示するメニューバーです。

Cocoonのヘッダー設定方法

「ダッシュボード」→「Cocoon設定」→「ヘッダー」

「ヘッダーレイアウト」　→　「トップメニュー小」を選択

「キャッチフレーズの配置」　→　「表示しない」を選択

「ヘッダー背景画像」を設定している場合は、「クリア」をクリックして空欄の状態にします。

「ヘッダー全体背景色」　→　「ブラック」を選択

「グローバルナビ色」　→　「ブラック」を選択

「グローバルナビメニュー幅」は数値が入っていますが、
デフォルトの数字のまま変えていません。

「変更をまとめて保存」をクリックして、設定完了です。

最後に

グローバルナビメニューの幅を細くしたきっかけは、
AppleのWebサイトのグローバルナビメニューを見たことです。

ムダがなくシンプルで見やすい！と思います。

この記事がお役に立ちますと幸いです。
 

【Cocoon】フッターのカスタマイズ２選：速攻で回遊率アップ!!

...

kirinote.com

2023.01.22