how to center nav text…

laurajaynepreston · Member · Sep 4, 2013 at 9:10 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
jcasta · Member · Sep 4, 2013 at 9:42 pm
Copy link
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.
laurajaynepreston · Member · Sep 4, 2013 at 10:44 pm
Copy link
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.
jcasta · Member · Sep 4, 2013 at 10:50 pm
Copy link
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. :)
laurajaynepreston · Member · Sep 5, 2013 at 2:11 pm
Copy link
Ahh ok cool. Thanks for having a look : )

Laura.

No items found.