Centering Horizontal Menus

Use a CSS class like this: .centered {
text-align: center;
}

Be easier to see the page in question.
The easiest way is to put the horizintal menu into a div of it’s own, then center that, and it’s contents:

#hmenu {
margin: 0 auto;
text-align:center;
}

(first line centers the menu, second centers what is in it)

<div id=”hmenu”>
Put your code here
</div>

That make sense ?

It would, but the template I’m using must be using a different name for it. I see toolbar, I tried changing that and it sent my site hay-wire. I’ve had that happen alot today. In fact, I had to re-install wordpress! Any other names this might go by?

Like podz said it would be easier to help if we knew the URI to your page.
No need to reinstall WP if you mess up a theme, just upload it again.
You could make a copy of the theme you like best and edit the copy, that way you can switch between the original and the copy.

It wasn’t the theme I messed up. I was trying to make one of my pages my homepage and something got very messed up. I couldn’t log into wordpress to change it back. I tried for a couple of hours, I have no idea what I did. Getting it back to normal was a breeze, I just uploaded my theme.

My url is https://www.grabertfamily.com, but its in the middle of reconstruction, but you will get the idea.

your nav is called #toolbar-left and is set to float: left;

With my little knowledge of CSS, I would increase the width of #toolbar-left to equal that of the header, remove the float and text-align: center;

Try that. I’m still learning as well.

to help identify areas of your CSS, download a little utility called Aardvark. It’s an extension for Firefox and is very handy.

https://www.karmatics.com/aardvark/

Yay! That worked! I also had to take out the padding. It used to have two toolbars which is probably why I got confused. Now its perfectly centered. Thank you so much! Now if I could just figure out how to change the graphics on a page…that I still can’t get down.

Glad it worked for you.

Take a look at your CSS file and wherever you see background: url(‘images/blog/image.jpg’);

(where images/blog/image.jpg) would be the path to image file.

Replace those graphics and make sure you resize your <div> accordingly.