Have you ever noticed that Divi’s social buttons do not open in a new window/tab?
What’s up with that???
So here’s how to make the edits so Divi will open the social media buttons in a new tab/window.
Let’s start with a child theme.
One great thing about child themes is that you can override the parent theme’s template files. (Not all the files, just the template files. Read more here.)
So, the social links are hidden in social_icons.php inside the “includes” folder in the parent theme.
You’re going to make a duplicate in the child theme. In the same place.
So, start by making an “includes” folder in the child theme.
Copy paste a duplicate of the social_icons.php file into that folder.
You’ll see some php and html code.
Line 5, 12, and 19 all have something like this:
<a href="<?php echo esc_url( et_get_option( 'divi_facebook_url', '#' ) ); ?>" class="icon">
that line of code is going to get a target=”_blank”
So it looks like this:
<a href="<?php echo esc_url( et_get_option( 'divi_facebook_url', '#' ) ); ?>" target="_blank" class="icon">
Do that for all three social icons, and you’re good to go. Save it, and you’re done.
Here’s an example of how it’s set up
Here’s the download file you can unzip and drop into your child theme, just in case.
Get the Instagram tutorial here: https://almostinevitable.com/divi-tip-add-instagram-to-the-social-links/