cocoon(コクーン)グローバルメニューの高さを調整してスタイリッシュにカスタマイズする方法

コクーン, ブログ副業 YASU

コクーンでグローバルメニューの高さを変更したいです。デフォルトだと太すぎますよね？

斎藤

好みによりますが　サイズは簡単に変更できます。

cocoon(コクーン)グローバルメニューの高さを調整する方法

コクーンのデフォルトの状態だとグローバルメニューの高さが太目です。

好みによりますので　グローバルメニューの高さを変更したところで、売り上げが伸びることはありませんが　気分的に細くしたい人は、活用してみてください＾＾

ワードプレスで外観⇒カスタマイズに移動をします。

追加CSSをクリックするとCSS入力欄が出てきますので、そこに下記のCSSを挿入します。

他のCSSコードがある場合、その下に挿入すれば大丈夫です。

<code>#navi .navi-in > ul li {
    display: flex;
    align-items: center;
    height: 80px;
}</code>

デフォルトは80ですが　この数字を小さくすれば細くなります。

このように変更できます。

参考にしてください。