Topic: p-info and hrefs not working

Author

Posts
December 31, 2014 at 12:16 pm #174225

Michael S
Participant

I placed some html in the p-info area atop the page. The html has hrefs. They work fine until the site gets responsive down to mobile size then the hrefs stop working. How can keep them working? Thank you!

  <a href="tel:+12128686300">212.868.6300</a>  or    <a href="javascript:StartNgageChat();" style="font-size:21px;">CLICK TO CHAT</a>

THANK YOU!

December 31, 2014 at 9:05 pm #174377

Darshana
Moderator

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

January 1, 2015 at 2:58 pm #174669

Michael S
Participant

This reply has been marked as private.

January 1, 2015 at 4:48 pm #174718
Nabeel A
Moderator
Hi Michael,

Social icons <div> is overlapping with the phone number and chat link. To fix it you’ll need to add the following CSS code via Appearance > Customize > Custom > CSS:
```
@media screen and (max-width: 767px) {
.x-topbar .x-social-global {
float: right !important;
}
}
```
Let us know how this goes!
January 2, 2015 at 2:38 pm #175267

Michael S
Participant

PERFECTION! THANK YOU and HAPPY NEW YEAR!

January 2, 2015 at 4:19 pm #175330

Nabeel A
Moderator

You’re most welcome Michael and Happy New Year !!
Author

Posts