If you use the Divi theme you surely love the secondary menu and have used it on more than one website, being a great way to display contact options and your social networks.
In this menu you can put on one side, in addition to the default fields for phone and email, links to the social networks of the web; and at the other end any menu you assign to the location.
But there is no setting to change the location of both elements: social icons + email + phone and custom menu. By default, the first are on the left and the second on the right.
But actually, if you want, you can make the change, and it’s very simple, you just have to add a little bit of CSS code in the additional CSS section of the customizer, just that.
The code is this:
/* Change order of secondary menu elements Divi */
#top-header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
flex-wrap: wrap; }
#top-header .container:before, #top-header .container:after {
display: none; }
#top-header #et-info, #top-header #et-secondary-menu {
float: none !important;
}Code language: CSS (css)And it’s that easy to do.
