Support » Theme: Twenty Sixteen » Center Align Twenty Sixteen Menu

  • Resolved Design Locker

    (@design-locker)


    Hello all,

    I have created a child theme and moved the Twenty Sixteen Menu below the main site branding/logo section and I would now like to center align the main menu.

    I have tried adding “text-align: center” to all elements within the menu but no luck. I’m thinking it has something to do with margins but I cannot figure it out.

    The menu seems to be left aligned on Firefox and Chrome and right aligned on IE9.

    You can see the site at http://www.noeloconnor.com/windmill/

    Any help would be great.

Viewing 3 replies - 1 through 3 (of 3 total)
  • paulwpxp

    (@paulwp)

    Use this code in your child theme stylesheet

    @media only screen and (min-width: 910px) {
    	.main-navigation .primary-menu > li {
    		display: inline-block;
    		float: none;
    	}
    	.main-navigation ul {
    		text-align: center;
    	}
    }
    Thread Starter Design Locker

    (@design-locker)

    paulwpxp, thank you so much, worked a charm first time.

    Appreciate the help.

    Thank you for posting this. This was a tremendous help for my site, too.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center Align Twenty Sixteen Menu’ is closed to new replies.