【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」モバイルスライドインメニューの背景色・文字色の変更方法となります。