In the Divi theme secondary header, you can choose to display both social icons and a secondary navigation menu. If you do, you'll find that the social icons appear to the left of the menu. Unfortunately, there isn't currently an option in Divi to swap the social icons and secondary nav menu, so that the social icons instead display to the right of the menu. So here's how to swap the position of social icons and secondary navigation in Divi:
Swap the Position of Social Icons and Secondary Navigation using CSS
You can swap the position of social icons and secondary navigation using the following CSS:
#et-secondary-menu {
display: flex;
flex-direction: row-reverse;
}Related Post: Adding CSS to the Divi Theme
Simply add it to your site, e.g. in the "Divi > Theme Options > General > Custom CSS" box, and you should then see the social icons placed on the right-hand side of the secondary nav menu.
0 Comments