
コクーンでグローバルメニューの高さを変更したいです。デフォルトだと太すぎますよね?
斎藤好みによりますが サイズは簡単に変更できます。
cocoon(コクーン)グローバルメニューの高さを調整する方法

コクーンのデフォルトの状態だとグローバルメニューの高さが太目です。
好みによりますので グローバルメニューの高さを変更したところで、売り上げが伸びることはありませんが 気分的に細くしたい人は、活用してみてください^^
ワードプレス⇒ 外観 ⇒ カスタマイズに移動
ワードプレスで外観⇒カスタマイズに移動をします。

追加CSSをクリックする。

追加CSSをクリックするとCSS入力欄が出てきますので、そこに下記のCSSを挿入します。
他のCSSコードがある場合、その下に挿入すれば大丈夫です。
<code>#navi .navi-in > ul li {
display: flex;
align-items: center;
height: 80px;
}</code>
デフォルトは80ですが この数字を小さくすれば細くなります。
80PXの場合


40PXの場合


このように変更できます。
参考にしてください。
