Topbar Links Not Working For Mobile

Support
#1

I have an email and a phone number toplink. They both work fine in computer mode, but do not work for mobile. I haven’t been able to find any information regarding how to fix this, or why it may be happening. Any help would be greatly appreciated.

This is my toolbar code:
[button type=“real” shape=“rounded” size=“mini” href=“https:/hi-fold.com/request-a-quote/” title=“Request A Quote”]Request A Quote[/button]

1-800-443-6536 <a href="mailto:sales@localhost?subject=“Hi-Fold.com Information Request”>sales@localhost

#2

Hi Julie,

Thank you for writing in, you have one tiny error here:

<a href="tel:1-800-443-6536">1-800-443-6536</a> <a href="mailto:sales@localhost?subject="Hi-Fold.com Information Request">sales@localhost</a>

Please check that here, and resolve the error.

Clue: it’s one of the Quotation mark.

Cheers!

#3

Well, this is a handy tool! Thank You!
Appears the problem was the " between the subject= and Hi-Fold.com…correct?

I removed the extra quotation, but that didn’t fix my problem. I’m still able to click on the email and phone links on a computer, but not for a mobile device. Any other suggestions?

#4

Hello Julie,

The links were not clickable because the Youtube icon container is on top of the email and phone link. To resolve this issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 767px) {
	.x-topbar .x-social-global {
	   float: right;
	}
}

We would love to know if this has worked for you. Thank you.

#5

Oh…of course, makes total sense.
This worked perfectly!

Thank You so much!!

#6

We are delighted to assist you with this.

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.