Menu now centered. But how to center menu items?

  • Working on a child theme for Twentysixteen. I have easily centered the menu itself, and placed it below all of the header material.

    But I am trying to center the menu items, without much luck. I tried this:

    ul#menu {
    text-align:center;
    }

    ul#menu-menu-1 li a {
    padding: 1em 2em !important;
    margin:0 auto;
    display:inline-block;
    }

    No change. Anyone run up against this?

    TIA

  • The topic ‘Menu now centered. But how to center menu items?’ is closed to new replies.