Need help? Check out our Support site, then


how to center nav text...

  1. thepickledherring
    Member

    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. thepickledherring
    Member

    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. thepickledherring
    Member

    Ahh ok cool. Thanks for having a look : )

    Laura.

Topic Closed

This topic has been closed to new replies.

About this Topic