Opening Social Links in new window

[ChrisP2408]

#490121

I am surprised that the default Social icon linking in Avada is to not open in a new browser window/tab.
There is no tick box that I can see in the theme options that enable opening the social icon links in new windows.

Has anyone got around this? If so, please share.

Thanks
Chris

[Michael]

#490283

Hi @chrisp2408

You can enable that by going to -> Avada Theme Options >> Extra >> Miscellaneous >> Open Social Icons in a New Window – https://d.pr/i/S243Ju

If you need further assistance or have any further questions, please create a support ticket using the link below and our support team will gladly assist you

Click Here To Get Avada Support

We look forward to helping you!

Thank you kindly

[ChrisP2408]

#490689

Hi Michael – Thanks for coming back to me so promptly. However, that is already enabled and the icons still do not open in a new window. I am using the icons via a widget in the footer.

Any further guidance would be greatly appreciated.

Thanks,
Chris

[analytca]

#508930

I have the same problem as well

[DawnBellinger]

#509269

I’m having the same problem. I even added “_blank” as the link target and it’s still not working! And, I know this was working in previous versions of Avada. Help!

[Michael]

#509827

Hi @dawnbellinger

You have have valid support and because our team does not provide support via the Community forum please create a ticket using the link below and our team will gladly assist and check your install.

Click Here To Get Avada Support

We look forward to helping you!

Thank you kindly

[cgbot]

#511454

Was there a resolution to your problem @dawnbellinger?

I am having the same exact issue, stumped on a solution.

Thanks

[Michael C]

#511464

What kind of social links are you referring to @cgbot? Eg, header, footer, social links element, person element etc. That will help understand what the problem is.

[cgbot]

#512054

Thanks for the response @michaelc!

The social links I am referring to are in the header. These are the only links that will not open in a new tab, all other social links work fine. I have already enabled “Open Social Links in New Tab” option found in Avada Theme Options >> Extra >> Miscellaneous >> Open Social Icons in a New Window. But it still will not open in a new tab.

I have combed through all of the options in the theme, but I have not found any solution.

Any help would be greatly appreciated.

Thanks!

[Michael C]

#512568

Hi,

Please go to Theme Options > Export and copy the contents of the options to – https://gist.github.com/. Then share a link to that file here. If you are on latest theme version, using the social links in the top bar (from TO) and have the open in new tab option enabled, then the links should definitely be opening in a new tab.

[paitonelisabeth]

#516385

@michaelc The header social icons are opening in a new tab. My footer icons are not. Any assistance there?

[ChrisP2408]

#516512

Apologies for the confusion Michael. As per Elisabeth’s note, the Social icons I was referring to, are using Avada Social Widgets, in the footer (not the header) and the option to open in a new window does not work in the footer with Avada Social Widgets, for some reason.

[Michael C]

#516684

To confirm, you are referring to the “Avada: Social Links” widget? If so, this is set on the widget itself by add “_blank” to the target. So that it looks like so: http://prntscr.com/kyvb76

[Jetxpert-Envato]

#743294

@michaelc,

Thanks for your assistance on this. Very helpful.

One small item: The above does not work with the Social Media icon: Mail. The embedded code automatically adds the attribute “target=_self” to this icon. Click here. It does not change when we apply your above solution.

How can we fix this? Or, can you kindly have your coders change it to “target:_blank” – or – change dynamically when we select “Open Social Links in New Tab”?

Thank you!

[Jetxpert-Envato]

#743366

Temporary Fix: (until Theme Fusion updates Avada)

Procedure below allows your “Mail” social media link to open in a new tab or window, change the tooltip text, and add security measures as recommended by Google.
Procedure:

(1) Go to WordPress Dashboard > Avada > Theme Options > Advanced > Code Fields (Tracking etc.)

(2) Enter the following Javascript Code in the Space before </head> field:

<script type="text/javascript">
    window.onload = function() {
        var alinks = document.getElementsByClassName("fusion-social-network-icon fusion-tooltip fusion-mail fusion-icon-mail");
        for (var i = 0; i < alinks.length; i++) {
            alinks[i].setAttribute("title", "Click to Email");
            alinks[i].setAttribute("target", "_blank"); 
            alinks[i].setAttribute("rel", "noopener noreferrer nofollow"); 
        }
}
</script>

Please stay safe. Cheers!

[Author]

Posts