ハンバーガーメニューの色をカスタマイズする方法

モバイルのとき、ヘッダーレイアウトが「シンプル」のときに表示されるハンバーガーメニューの色を CSS でカスタマイズできます。

ビフォー
アフター

カスタマイズ方法

CSS

次の CSS をカスタマイザー > 追加 CSS に貼り付けてください。

.c-hamburger-btn__bar {
  background: #f00;
}
.c-hamburger-btn__label {
  color: #f00;
}

この記事を書いた人

キタジマ タカシ

長崎県長崎市在住。地元のWeb制作会社でWebデザイナー/エンジニアとして従事した後、2015年にフリーランス [ モンキーレンチ ] として独立。WordPress のテーマやプラグイン、ライブラリ、CSS フレームワーク等、多数のプロダクトをオープンソースで開発・公開しています。

Snow Monkey オンラインコミュニティ

Snow Monkey をより良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。より多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!