SWELLのカスタマイズ【ハンバーガーメニュー編】

通常ハンバーガーメニューといえば、
開く：
閉じる：
かと思います！

以下のように、CSSを調整することでハンバーガーメニューをお好きなものへ変更可能です！

// ハンバーガーメニューのカスタマイズ

// ハンバーガーメニューの開くボタン
#header .icon-menu-thin:before {
  content: "\e91b";// デフォルト
  content: "";// カスタマイズ
  background-image: url('https://reriz.jp/wp-content/uploads/2024/10/custom-menu-icon.png');
}

// ハンバーガーメニューの閉じるボタン
#sp_menu .icon-close-thin:before {
  content: "\e920";// デフォルト
  content: "";// カスタマイズ
  background-image: url('https://reriz.jp/wp-content/uploads/2024/10/custom-close-icon.png');
}

※当サイト記事は、動作を保証するものではありません。カスタマイズはご自身の責任下で行なってください。