Instagram Settings in Footer Creates invalid href link

Hi Team,

So I’ve gone into the Instagram settings in the Footer section and put in my Instagram ID (plant.based.pigs).

Now when you go to the page and click the link created “@plant.based.pigs” it brings you to “https://www.instagram.com/http://plant_based_pigs” which is obviously throwing an error.

I opened this up in Inspect and this is the href which is created

href=”https://www.instagram.com/http://plant.based.pigs” target=”_blank”>@plant.based.pigs

Why is this adding the “http://” after “https://www.instagram.com/” and before “plant.based.pigs”?

I thought it might be because of the periods between each word and the logic was looking at it like a url but even after changing it temporarily to plant_based_pigs this was still happening.

Any help here would be much appreciated. This looks to me like there is code/logic in the backend adding this http:// when it obviously shouldn’t.

website is http://www.plantbasedpigs.com

Thanks in advance.

• This topic was modified 7 years by PlantBasedPigs. Reason: adding additional info

To anybody that has this problem along with me please use this custom Javascript, it will solve your issue.

function fixInstagramlink() {
var x = document.getElementsByClassName(“td-footer-instagram-user-link”);
x[0].href = “https://www.instagram.com/ENTER_YOUR_INSTAGRAM_ID_HERE”;
}
window.onload = fixInstagramlink;