【SWELL】スマホサイズ時のハンバーガーメニューと検索アイコンの色を変更する

目次

SWELLのハンバーガーメニュー

SWELLのハンバーガーメニューのカスタマイズは基本機能では

  • アイコン下に表示するテキスト
  • メニューボタン(ハンバーガーメニュー)の背景色

この2つだけです。

ハンバーガーメニューと検索アイコンの色を変更するにはcssを追記する必要があります。

ハンバーガーメニューと検索アイコンの色を変更するcss

  .c-iconBtn__icon {
   color: #fff; 
  }

これでハンバーガーメニューと検索アイコンの色が黒から白(#fff)に変わりました。

#の後を変更すれば好きなカラーにできます。

参考にしてみてください。

  • URLをコピーしました!

コメント

コメントする

目次