Topbar tıkla ara için cep tel numarası düzenleme

functions-header.php dosyamda ilgili kod bölümü bu şekildedir. Cep tel linkini nasıl yazmalıyım? Teşekkürler..
$contact = '';
if ( get_theme_mod('tel', '111.222.333') != '' ) {
$contact .= "<span class='tel'>" . esc_html(get_theme_mod("tel", "+1 (0) 999-000")) . "</span>";
}

$contact .= "<span class='tel'>" . esc_html(get_theme_mod("tel", "+1 (0) 999-000")) . "</span>";
alanını
$contact .= "<span class='tel'>" . esc_html(get_theme_mod("tel", "+9 (0) 500-5000")) . "</span>";
olarak düzenleyince olmuyor mu?

0 xxx xxx xx xx numarayı,
$contact .= "<span class='tel'>" . esc_html(get_theme_mod("tel", "+9 (0) xxx-xxxxxxx")) . "</span>";
yazıyorum olmuyor.

Site adresinizi gönderirseniz yardımcı olmaya çalışayım.

<span> bloğu yerine <a> bloğu kullanarak da deneyebilirsin. Aşağıda örneğini veriyorum:
<a href="tel:905555555555">(+90) 555 555 55 55</a>

Ben yardımcı olamayacağım maalesef.

$contact = '';
if ( get_theme_mod('tel', '111.222.333') != '' ) {
$contact .= "<a href='tel:+9005423141341'>" . esc_html(get_theme_mod("tel", "+90 542 314 13 41")) . "</a>";
}

Bu şekilde cep tel ikonu kayboluyordu, padding ayarı ve yazı rengi değişiyordu. İlgili kodları elde edince sıkıntı kalmadı ilginiz için sağolun arkadaşlar...
İlgili kod;

  .topbar a:nth-child(1) { color: #fff; display: inline-block; padding: 10px 15px 10px 0; } .topbar a:nth-child(1)::before { content: "\f10b"; display: inline-block; font-family: "FontAwesome"; font-size: 24px; line-height: 0; padding: 0 10px 0 0; position: relative; top: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }