[Resolved] aligning the navigation center in the footer bar

[Jai]

I’ve been trying multiple different css codes to get the navigation (that was placed in the footer bar) to align center with no success. I also tried assigning a class to the navigation in the footer bar and the codes still did not work.

Your help with this problem would be appreciated.

Thank You

[Leo]

Hi there,

Looks like it’s in the center already. The problem is that the container is not wide enough to handle all the menu items so some of them are in the next line.

Let me know if I’m missing something 🙂

[Jai]

I adjusted the padding to give it the appearance of being centered. But the navigation is still left aligned.

[Jai]

I got it to work finally…

#menu-footer-menu {
text-align: center;
}
#menu-footer-menu ul {
text-align: center;
}
#menu-footer-menu li {
display: inline-block;
float: none;
}
#menu-footer-menu li li {
display: block;
text-align: left;
padding-right: 5px;
}

[Leo]

Glad you figured out!

[Author]

Posts