How to change the order of Divi submenu items

If you use the Divi theme you will surely love the secondary menu and have used it on more than one website, as it is a great way to show contact options and your social networks.

In a menu you can put on one side, in addition to the default fields for phone and email, links to the web's social networks; and at the other end any menu you assign to the location.

What there is not is any adjustment to change the location of both elements: social icons + email + phone and personalized menu. By default, the first ones are on the left and the second on the right, yes or yes.

But actually, if you want, you can make the change, and it's very simple, you just have to dare to add a little CSS code in the additional CSS section of the customizer, just that.

The code is this:

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


Once you save the changes in the customizer you already have it, the elements on the opposite side of the usual one.

Date update on 2021-02-16. Date published on 2021-02-16. Category: Computer class Author: Oscar olg Fuente: ayudawp