Opening Header & Footer Social Links In New Tab

by Jul 12, 2018Divi, Tips0 comments

By default, the social links found in your website’s header and footer open in the same tab/window. This can be a huge disadvantage; especially if you don’t want people to navigate away from your website.

This tutorial shows you how you can easily add a snippet of code to Divi’s theme options, which will make the social links open in a new tab when you click on them. So let’s get started!


Step 1:

Log into your WordPress dashboard and click on “Divi” found near the bottom of the sidebar.


Step 2:

Click on the “Integration” tab


Step 3:

Paste the code below in the “body” area

<script type="text/javascript">
jQuery(".et-social-icon a").attr('target', '_blank');


Step 4:

Click “Save Changes” found at the bottom

Your social links should now open in a new tab. I hope you found this snippet of code helpful!

About the Author

Kayli Parks is a freelance web and graphic designer based in Sacramento, CA. After almost 4 years of working in the design business, Kayli’s goal is to continue helping others with their online presence through responsive web design. Learn more about Kayli here.

Pin It on Pinterest