I’m working on fixing my footer for the mobile layout for the organization I work for - cmhspets.org.
Two issues: We list our federal Tax ID number in the footer and it shows up as normal in the editor but when I pull the page up on my phone the numbers of the tax ID do not show up (see screenshots).
The other issue is that I’d like to have the phone number in the footer be an active link but the number doesn’t show up unless hovered over. I’ve tried to customize using CSS but nothing happens.
I’m using Pro.
Hello @KLWink,
Thanks for writing in!
You are not seeing the number because the it turns into a link in mobile especially in iOS devices and has the same color as the background color. To prevent that from happening, please add the following code:
.x-colophon .x-text a,
.x-colophon a[href^=tel]{
color: #fff !important;
pointer-events: none;
}
We would love to know if this has worked for you. Thank you.
Yep, that did make the numbers show up! The phone isn’t a clickable link despite the html I created it with. Why would that be?
Hey @KLWink,
This is because of the pointer-events property being set to none, you can remove the following line of code pointer-events: none; from the code above to make the links clickable again.
Let us know how this goes!
It made it so that the phone number is able to link to a call but it also made our tax id number a link to a phone call. Why would that be?
I entered the HTML to make the phone number a telephone link but the tax id (in the same container but different text element) I entered as just text with number- no link.
Hello @KLWink,
In iOS devices, it will automatically create any group of numbers into a clickable phone number. This is what happen to your Tax ID number. I would recommend that your leave no empty space in your tax id like this:
Federal Tax ID:12-345-67890
Hope this helps. Kindly let us know how it goes.
Got it, thanks! All good now.
We are delighted to assist you with this.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.