Cyber Monday Sale Ends in

0Days

0Hours

0Minutes

0Seconds

Buy Lifetime Membership
×
< All Topics

How to center the footer menu in Divi

To center-align the footer in Divi, you can add some custom CSS to the theme. Here’s how you can do it:

  • Add the following CSS code:
  • Go to your WordPress Dashboard.
  • Navigate to Divi > Theme Options.
  • Scroll down to the Custom CSS box.

The following code will shift the social icons in the center and then the menu on next line.

#main-footer ul.et-social-icons {
    width: 100%;
    text-align: center;
}

#footer-info {
    width: 100%;
    text-align: center;
}

ul.et-social-icons li:first-child {
    margin-left: 0px !important;
}
Table of Contents
Cyber Monday Popup