how to center nav text…

  • Author
    Posts
  • #1421373

    My site – http://thepickledherring.wordpress.com/

    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 thepickledherring.wordpress.com.

    #1421493

    jcasta
    Member

    Try:

    @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.

    #1421534

    That’s brilliant, thanks so much.

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

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

    Thanks. Laura.

    #1421536

    jcasta
    Member

    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. :)

    #1421647

    Ahh ok cool. Thanks for having a look : )

    Laura.

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