初心者ながらwordpressを勉強している者です.

今回の問題は, 固定フッターでアイコンと文字を表示させようとするとデフォルトの検索とデザインが異なることです.

SWELL様のHP（ https://swell-theme.com/）の固定フッター部をGoogle Chromeの検証モードで確認すると

<div id="fix_bottom_menu"><ul class="menu_list"><li class="menu-item menu_btn" data-onclick="toggleMenu"><i class="icon-menu-thin open_btn"></i><span>メニュー</span></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1997"><a href="https://swell-theme.com/feature/"><i class="icon-light-bulb"></i><span>SWELLの特徴</span></a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1996"><a href="https://swell-theme.com/download/"><i class="icon-download"></i><span>購入する</span></a></li><li class="menu-item pagetop_btn" data-onclick="pageTop"><i class="icon-chevron-small-up"></i><span>トップへ</span></li></ul></div>

となっていますが,

私のサイトで, 本来<i class="">でアイコン名が表示されるはずですが, その上の階層である<li class="">で表示されています. しかし, 「カスタマイズ > サイト全体設定 > 下部固定ボタン・メニュー」のスマホ用固定フッターの設定で検索ボタンを表示にチェックを入れると, 固定フッターで<i class="icon-search">が表示されています.

固定フッターを編集している場所は,「カスタマイズ > メニュー > for **（**は独自のメニュー名です）> です. そこで固定ページを追加し, CSSクラスに「icon-**（**は下記のリンクを参考： https://swell-theme.com/icon-demo/ 　）」を書いています.

お忙しい中, 恐縮ですがご教授いただければ幸いです.