Social and Maps doesn't open in new tab

Design help Custom code
1

Hi All,

The website - www.fiber.com.au

Need to know if anyone has faced a similar issue on Webflow. I can’t get the social links and Maps to open in a new tab. In the backend I have selected - “Open in New Tab”.

Also on the insights page, when sharing a blog on socials. The blog pages redirect to “page not found” after clicking on the share to the social icon.

Check with Webflow team, they said it’s due to custom code being used and the best idea is to post in on community page for solution.

Videos:-
Backend - Loom | Free Screen & Video Recording Software | Loom
Live web - Loom | Free Screen & Video Recording Software | Loom

https://preview.webflow.com/preview/fiber-staging?utm_medium=preview_link&utm_source=dashboard&utm_content=fiber-staging&preview=dbf6305b5362924b0c4c80a952a8a9fa&mode=preview

It would be a great help if can get the right guidance.

Thanks
Rahul

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey mate!

Would you be able to post the read only link to your site. That’ll help us take a look a bit deeper at what might be causing the issue.

https://discourse.webflow.com/t/how-to-enable-a-webflow-share-link/2573/19

3

Hi Drew,

Thanks for your response.

Please check below
https://preview.webflow.com/preview/fiber-staging?utm_medium=preview_link&utm_source=dashboard&utm_content=fiber-staging&preview=dbf6305b5362924b0c4c80a952a8a9fa&mode=preview

Please let me know is that correct. Thanks

4

So it looks like in yoru site custom code you have the following script repeated for various link related classes on your site.

<script>
  $('.in-line-link').click(function (e) {
    e.preventDefault();
    var goTo = this.getAttribute("href");

    setTimeout(function(){
         window.location = goTo;
    },1000);       
});
</script>

That script is essentially preventing the default link target and replacing it with the standard. Those footer links are using the class mentioned in the script above, so they are not loading in a new tab.

If you don’t need that custom script I would remove it. If you do, then I would recommend duplicating the classes on the elements that you do want to go to a new tab, and make sure that the class is not related to any of these bits of custom code.

I hope that makes sense.

Let me know if you need anything else.

Cheers!

5

Hi Drew,

Really appreciate it.

I will get my designer to check the same. I will let you know how I go and if need any assistance. Is there a way I can see a similar tutorial and change it myself in case my designer is not available?

Thank you.
Rahul

6

Hi Drew,

Thanks a lot. I deleted the code and all the links are now opening in the new tab. Thanks a lot for your help. really appreciate it. Cheers!

Rahul

1 Like
7

Good to hear. Access to the project settings does require you to be the project owner, but glad you got it sorted. :+1: