【Cocoon】モバイルのスライドインメニューのカスタマイズ

Cocoon】モバイルのスライドインメニューのカスタマイズ

本ページにはプロモーションが含まれています

WordPressテーマ「Cocoon」モバイルスライドインメニューの背景色・文字色・閉じるアイコンの変更方法となります。

/*メニュー全体変更*/
.navi-menu-content{
	background-color: rgba(255,255,255,0.9); /*全体背景色*/
	padding: 15px 30px 15px 30px; /*全体上下左右余白*/
}
.menu-content .menu-drawer {
	padding: 0px 0px 0px 0px; /*メニュー部分上下左右余白*/
}

/*メニューリンク変更*/
.menu-item a {
	font-size: 14px; /*文字サイズ*/
	color: #525252; /*文字色*/
	padding: 5px 0px 5px 0px; /*上下左右余白*/
}
.menu-item a:hover {
	background-color: transparent; /*マウスホバー時背景色*/
}

/*閉じるアイコン変更*/
.menu-close-button {
	color: #197a80; /*閉じるアイコン色*/
	padding: 15px 0px 15px 0px; /*閉じる上下左右余白*/
	text-align: left; /*閉じるアイコン位置*/
	font-size: 16px; /*閉じるアイコンサイズ*/
}

以上で「Cocoon」モバイルスライドインメニューの背景色・文字色の変更方法となります。

WordPress 歴 。掲載記事は自身の備忘録のためでもあり、掲載内容を使用される場合は自己責任にてお願い致します。

※ 本ページにはプロモーションが含まれています

目次