【クリエイターモード】テンプレートPulsefitでヘッダーのアイコンをテキストに変更するにはどうすればよいですか。

テンプレート【Pulsefit】ではCSSの追記によりヘッダー上のアイコンフォント表示をテキスト表示に変更できます。

表示例）
＜PCページ＞


＜スマホページ＞

 

なお、ハンバーガーメニュー（3本線のメニューアイコン）は、開閉表示をJavaScriptで制御しており、アイコン自体をテキストに置き換えると開閉動作に影響するおそれがあるため、アイコンの上部にテキストを追加表示しています。

ソースコード編集の際は、デザインセットのコピーボタンをクリックし、バックアップを保管したうえで作業してください。
■makeshopサポート：ショップデザインバックアップしてますか？！

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通 
「CSS」欄の末尾に以下のCSSを追記し、保存します。

追記例）

.header-icon.header-favorite a i.fi.fi-rr-heart.flaticon-icon::before{
  font-size: 10px;
  content: "お気に入り";  
}
.header-icon.header-search label#search-icon i.fi.fi-rr-search.flaticon-icon::before{
  font-size: 10px;
  content: "検索";
}
.header-cart a .flaticon-icon::before{
  font-size: 10px;
  content: "カート";
}
.menu-toggle::before{
  font-size: 10px;
  content: "カテゴリー";
}
.cart-badge {
  bottom: 0;
  right:-20px;
}
@media screen and (max-width: 768px) {
  .header-nav{
    gap: 15px;
  }
}

※テキストの内容や文字サイズ（font-size）などの指定は、ショップ様のお好みで変更してください。