Divi Tutorial: How to center the secondary menu

divi header

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:

default view for secondary menu Divi

And this would be with the secondary menu in the center:

centered view for secondary menu Divi

How useful was this post?

Click on a smiley to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

Leave a Comment

Your email address will not be published.

Scroll to Top
Skip to content