On Divi theme the social media icons are displayed by default on the left side of your secondary menu bar. They show up next to your email and phone number. If you ever wanted to move them to the right side, I will explain you in this short tutorial how you can easily achieve that.

How to Move the Social Icons in the Secondary Menu to the Right

Now I’m not talking about the social media share icons that you can see in the left sidebar of my friend’s Andrej’s Spanish WordPress blog https://wpvivo.com (he is writing this article) – that is actually the Monarch plugin. I’m talking about those smaller social media icons that you can see in the header that link to e.g. your Facebook or Twitter page.

So, first of all make sure that you have your phone number and email filled in in your Divi Customizer settings and your social networks URLs filled in in the Divi Theme Options. If you have this information entered, your secondary menu bar should show them.

Now, to move the social icons from the left side to the right, just enter the following CSS code to your Divi Theme Options or your child theme’s style.css field:

#top-header .et-social-icons { float:right !important; }
#top-header #et-info { width: 100%; }

This is all that you need to do.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the tips, news and updates about Divi.

You have Successfully Subscribed!