iphoneでみたときに電話番号が表示されません

解決済 dende
(@dende)

7年、 10ヶ月前

SKT Yogi Lite
というテンプレートを使用しているのですが、

http://dende.xsrv.jp/

とくにカスタマイズ等もせず、プラグイン(
All In One SEO Packのみいれています)などもいれない状態でテンプレートのまま

iphoneで表示したところ、

一番左上にある電話番号(スマフォだと一番上に表示されます)
が、電話のアイコンのみ表示され、電話番号が表示されません。
電話のアイコンをタップすると表示されるのですが。

あとは文字数を減らしたり、増やしたりしても表示されることがあったりで

何が原因でiphoneで表示した際にだけ、番号がでないのかがわかりません。

ＰＣで幅を狭くしてスマートフォンサイズにしたときには表示されています。

確認をしたiphoneはiphone4ｓとiphone５です。

原因がわかるかたいらっしゃいますでしょうか？

5件の返信を表示中 - 1 - 5件目 (全5件中)

munyagu
(@munyagu)

7年、 10ヶ月前

確か、iphoneは電話番号の文字列がテキストで入っているだけでアンカーになります。
私はiphoneを持っていないので現象を確認できないのですが、cssによってアンカーと背景色の色が同じになっているので表示されていないように見えるのではないでしょうか。

.headerfull .emailiconと同じように、colorに#fffを指定してあげてください。

トピック投稿者 dende
(@dende)

7年、 10ヶ月前

早速のお返事ありがとうございます。
.phoneno {
color: #fff;
}

a.phoneno:link {
color: #fff;
}

a.phoneno:visited {
color: #fff;
}

a.phoneno:hover {
color: #fff;
}

a.phoneno:active {
color: #fff;
}

すべて指定してみたのですが、表示されませんでした。。。。。

munyagu
(@munyagu)

7年、 10ヶ月前

確か、内側にアンカータグが追加されたかたちになっていると思います。
.phoneno a {
color: #fff;
}
のような感じでお願いします。

これでダメなら・・・すいません。

gblsm
(@gblsm)

7年、 10ヶ月前

(間違えたので削除しました。)

トピック投稿者 dende
(@dende)

7年、 10ヶ月前

ありがとうございます!!!!

.phoneno a {
color: #fff;
}

で表示されました！

gblsm様もありがとうございます。

.headerfull .phoneno { color: #色コード; }
でも、色はかわりましたが、

リンクの方の色だったようです。

ありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)

トピック「iphoneでみたときに電話番号が表示されません」には新たに返信することはできません。

トピックタグ

表示