サポート » テーマ » iphoneでみたときに電話番号が表示されません

  • 解決済 dende

    (@dende)


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

    フロントページ

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

    iphoneで表示したところ、

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

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

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

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

    確認をしたiphoneはiphone4sとiphone5です。

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

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

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

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

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

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

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

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

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

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

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

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

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

    .phoneno a {
    color: #fff;
    }

    で表示されました!

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

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

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

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

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「iphoneでみたときに電話番号が表示されません」には新たに返信することはできません。