Archived topic
Clickable Links in Page Hero
8 replies · Started by Leanne on March 9, 2020
Hi,
On this page https://whimsicalwalls.ca/ I have created the top using a Page Hero for the header. I put the email address and phone number in HTML so that they would be clickable. They are not.
The HTML I used is:
Phone: <a href="tel:604.417.1967">604.417.1967</a> Email: <a href="mailto:Info@whimsicalwalls.ca">Info@whimsicalwalls.ca</a>
Can you tell me what code I need to use to make them clickable.
Thanks,
Leanne
Hi there,
Try the format suggested here:
https://css-tricks.com/the-current-state-of-telephone-links/
https://www.rapidtables.com/web/html/mailto.html
That is exactly what I am using and it is not working.
I just noticed that the links are clickable on my cellphone but not on my lap top using Chrome.
Your telephone format is a bit different from what I can tell.
tel usually only works on phone and not on desktop/laptop as it's not a phone.
This is not something the theme can control.
Ok. but what about the email address. It is not clickable on my lap top either.
It's behind the header.
Try:
.page-hero {
z-index: 99;
}That work! I knew it would be something simple.
Thank you so much.
No problem.
