Need help? Check out our Support site, then


how to center nav text...

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

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

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

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

  5. Ahh ok cool. Thanks for having a look : )

    Laura.

Topic Closed

This topic has been closed to new replies.

About this Topic