Clickable phone number and email

[edgeelectrical]

I am trying to make my header phone number and email clickable so the user can click our phone number and it would pop up on their phone with the number dialed and similar for email so they can email. Here is the screen of where I am at. I have looked into adding a custom link in our menu but I didn’t like that the link wasn’t on the left of the menu where the phone and email currently is in the screenshot.

Any help would be greatly appreciated

[ruenel]

Hello Cameron,

Thanks for writing in!

It seems that you have inserted the telephone number and your email address as your site title in Setting > General which is not the correct way. The site title should contain your site title. This would be useful for Goggle search results. You have even disabled the link in the site title by adding this custom css:

.x-brand, .x-brand a {
    pointer-events: none;
}

If you are going to display a clickable telephone and email in your header, please utilize the Topbar. Go to X > Theme Options > Header > Miscellaneous and enabled the Topbar option. You can then add the telephone and email link in the Topbar content:

< a href="tel:1234567890">1234567890</a> | <a href="mailto:email@address.com">email@address.com</a>

To learn more about html links, please check this out:

• https://www.w3schools.com/html/html_links.asp
• https://www.w3schools.com/tags/att_a_href.asp

And to learn how you can telphone numbers or email address as links, please check this:

• https://www.wpbeginner.com/beginners-guide/how-to-link-to-an-email-address-in-wordpress/
• https://www.wpbeginner.com/wp-tutorials/how-to-add-clickable-phone-numbers-for-smartphones-in-wordpress/

[edgeelectrical]

Thanks so much!! I wasn’t a fan of topbar when i first started with the site but we really do need it. Problem solved.

[jade]

You’re most welcome, Cameron.