-
投稿者投稿
-
2020年8月31日 2:14 PM #56425
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】バージョン: 11.0.9
【お使いのブラウザ】スマホ iOS13.6.1 (ブラウザ:safari、chrome)
【当該サイトのURL】※制作中のため非公開===
フッター固定ナビゲーション(モバイル用)でメニュー表示した際に、
①アイコン(Font Awesome)のサイズを大きくしたい
②タップすると電話発信できる様にしたい
のですが、方法が分かりません。
初歩的な質問で恐縮ですが、ご教示いただければと思います。
♥ 0いいねをした人: 居ません2020年8月31日 2:28 PM #56430①アイコン(Font Awesome)のサイズを大きくしたい
<i class="fas fa-home fa-2x"></i>ホーム
のように、
fa-2x
、fa-3x
のような class を追加すると拡大されます。②タップすると電話発信できる様にしたい
下記を参照してください。
♥ 6いいねをした人: 居ません2020年8月31日 3:53 PM #56471早速、ご回答いただきまして、ありがとうございます。
うまくできました!
ちなみに、4つのアイコンを表示しているのですが、間隔が等間隔ではないのは何か考えられますでしょうか?
真ん中2つが中央に寄っている様です。
♥ 0いいねをした人: 居ません2020年8月31日 4:14 PM #56482うまくできました!
解決できてよかったです!
真ん中2つが中央に寄っている様です。
んーなんでしょうね…ブラウザのデベロッパーツールで、
.p-footer-sticky-nav .c-navbar__item
のflex
はflex: 1 1 0%;
となっていますか?♥ 5いいねをした人: 居ません2020年8月31日 7:21 PM #56489キタジマ様
確認しましたところ、ナビゲーションラベル欄に
と入力していました。
(********は数字です)
そこで、ナビゲーションラベル欄に、
<i class=”fas fa-phone-square-alt fa-2x”></i>TEL
URL欄に、
TEL:03******** と入れたところ、等間隔に並びました。
これで解決かと思います。
初歩の初歩的な質問にも関わらず、ご対応いただき、ありがとうございました。
♥ 0いいねをした人: 居ません2020年8月31日 10:46 PM #56504アイコンの表示幅を整える為に、
fa-fw
クラスをi
タグに追加するのも良いかもしれません。
お試しください。参考サイト:
♥ 3いいねをした人: 居ません2020年9月1日 8:54 AM #56513@yasushi さん、なるほどです! a タグが二重になることで大きくなってしまっていたのだと思います。トピック閉じます!
♥ 5いいねをした人: 居ません -
投稿者投稿
- トピック「スマホフッター固定メニューの表示サイズ」には新しい返信をつけることはできません。