モバイル用フッター固定メニューの設定方法
こっこ

サルワカ様素敵なテーマ有難うございます。
デザインが気に入って初めてのwpのテーマとして使わせて頂く事にしました。

モバイル固定フッターメニューで上手く行かない事があったので質問させてください。
現在wpテーマはsango 子テーマはPORIPUを利用しています。

とりあえず固定フッターメニューがどのように表示されるか確認する為、手順通りにカスタムリンクを設定しました。

ホーム シェア フォロー メニュー は見本通りにアイコンとテキストが表示されましたが、トップのアイコンが □ のように表示されてしまっています。

自分なりに調べたのですが、わかりません。PORIPUがFont Awesome 5対応だからでしょうか?Font Awesome 5だと、見本の曲がった矢印のアイコンが有料になっているからでしょうか?

ただ、PORIPUがFont Awesome 5を読み込んでいて、見本と同じアイコンが有料だから、□のように表示されていると仮説を立てて、別のFont Awesome 5フリーアイコンのコードを使ってみたのですが、今度は、アイコンとテキストが改行されず並んで表示されていしまいます。

どうしたらいいのかわからないので、解決策を教えて頂けないでしょうか?

コメントへの回答
サルワカくん
2018/09/19

なるほど。

.fixed-menu ul li i {
    font-size: 24px;
    display: block;
    width: auto;
}

というCSSを追加することで、アイコンとテキストが改行されるようになるかと思います。