[Twenty Twelve Theme ] Center Align Items Main Menu

  • Hi All,

    The main navigation menu on wordpress twenty twelve theme is left aligned by default.

    I am trying to center align the menu on my child theme but just cannot figure it out. The “li” items currently align left and I want them to align center within the main nav bar. Any suggestions?

    Site is https://www.inmotionphysio.ie/wip

Viewing 4 replies - 1 through 4 (of 4 total)

  • I’d suggest applying the background colour to the menu’s enclosing div and then applying a fixed width to the menu ul itself along with margin:0 auto;;

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You may run into formatting issues for Firefox, but you could instead apply to your <ul> element;

    display: table;
margin: 0 auto;

    And not specify a width.

    Thread Starter Design Locker

    (@design-locker)

    Hi, thanks for the replies.

    I tried adding

    display: table;
margin: 0 auto;

    to both “.main-navigation ul.nav-menu” & “.main-navigation ul” but unfortunately no luck.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    As you’re already displaying a width, you might as well do Esmi’s method.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Twenty Twelve Theme ] Center Align Items Main Menu’ is closed to new replies.