One of the things I like most about Divi is the customization possibilities of the main menu, with several possible locations and distributions.
However, the secondary menu is another thing.
This menu, really practical to offer contact details and social links always visible, has almost no settings to configure the distribution of its elements, which, by default, are distributed along the entire menu area, with huge spaces in the middle.
One way to improve it would be to center all its elements, thus facilitating those clicks we want to our contact details, that’s why we put them, right?
Doing it is very easy, you just have to open the theme customizer from the admin bar of your website, or from Themes > Customize on the WordPress desktop, and add the following CSS in the section “Additional CSS“:
/* Center secondary menu Divi */
#et-info {
float: none !important;
text-align: center;
}Code language: CSS (css)This would be an example of the default view of the secondary menu:
And this would be with the secondary menu in the center:
