How to Swap the Position of Social Icons and Secondary Navigation in Divi

|

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;
}

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

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.

We may earn a commission when you visit links on our website.