【Cocoon】モバイルヘッダーのアイコン・背景色・ロゴサイズを変更

2025年2月8日2025年3月10日

CSSを “style.css” に追加

外観＞テーマファイルエディタ＞style.cssに下記の内容を追加

.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
	background-color: #000000; /*背景色*/
	color: #ffffff; /*menuと検索のアイコン色*/
}

@media screen and (max-width: 960px) {
.site-logo-image {
	width: 300px !important;
	height: auto !important;
}
}

以上でCocoonのモバイルヘッダーのmenuと検索のアイコン・背景色・ロゴサイズのカスタマイズ方法となります。