how to center nav text…

  • Author
  • #1421373

    My site –

    I’m trying to get my navigation text in the center. I have center aligned it but it’s a wee bit off to one side. How do I make my OCD-self happy and get it dead centre? Current code below and I’m using Adelle theme.

    Thanks in advance. Laura.

    #nav {
    text-align: center;

    .menu {
    display: inline-block;
    height: 37px;

    The blog I need help with is




    @media screen and (min-width: 63.750em) {
    	#site-navigation .menu-main-container,
    	#site-navigation .menu,
    	.site-info {
    		margin-left: 0;

    It works but then you also have a bit of a break point around 600px that changes the height of the menu.


    That’s brilliant, thanks so much.

    Do you know how to do the same to the at the bottom as well?

    I had a little play about but your code is beyond my basic capabilities : )

    Thanks. Laura.



    You’re welcome.

    The bottom is center aligned for me. It just seems like it’s off because of the pipe not being in the center. :)


    Ahh ok cool. Thanks for having a look : )


The topic ‘how to center nav text…’ is closed to new replies.