Centrar el Menú de Mi Sitio Web

Hola necesitaria ayuda para centrar el menu de mi web Al Limite Rock .
intente de todo pero no cambia.

les dejo la hoja de estilo asi me dicen que cambiar...

Desde ya mil gracias!

Ayuda centrar menu en mi web (aqui esta entero ya que no pude colocarlo entero)

muchas gracias

prueba con:

Antes:
#fixed-header-top {
background: #000000;
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
width: 100%;
z-index: 500;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}


despues:
cambia fixed por: middle o center
alguna te deberia funcionar

- - - Actualizado - - -

o aca:

#header-menu ul.menu li,
.sidebar-top .widget_nav_menu ul.menu li {
border-right: 1px solid #444;
float: left;
position: relative;

float: por middle o center

Yo lo que haría en mi caso, seria por ejemplo al elemento ul del menú añadirle un float:left; y también un margin-left;y los px que necesites o el %; a sí y si quieres hacerlos responsive a cada [MENTION=16931]medi[/MENTION]a and screen irías cambiándolo! Espero que te sirva de ayuda amigo.
Esta es la manera que he tenido siempre para hacerlo.

Sí sirve lo que dice gaboalbarran 😉

Aunque se esta manera es mas pesado pero lo pones a tu gusto, de la manera que dice gaboalbarran tambien se puede y es mas sencilla pero para mi gusto uso la que te expliqué.

Sabes que de esta manera no me funciono! tengo que cambiar todos los Fixed de la hoja de estilo o solo el que marcas?
Mil gracias por la ayuda!!

gaboalbarran dijo:

prueba con:

Antes:
#fixed-header-top {
background: #000000;
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
width: 100%;
z-index: 500;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}


despues:
cambia fixed por: middle o center
alguna te deberia funcionar

- - - Actualizado - - -

o aca:

#header-menu ul.menu li,
.sidebar-top .widget_nav_menu ul.menu li {
border-right: 1px solid #444;
float: left;
position: relative;

float: por middle o center

Hacer clic para expandir...

- - - Actualizado - - -

les dejo la respues que me dieron en otro foro que publique y me sirvio!!
Les puedo hacer otra consulta ya que estoy, tambien trate de cambiar el color de fondo de las publicaciones y widgets de los costados pero no pude! Saben como hacerlo?

[quote author=LGrusin link=topic=12461.msg22377#msg22377 date=1453984377]
Se puede centrar pero entonces no podrás añadir más elementos al menú, o si lo haces tendrás que volver a modificar los estilos.

De todas formas si lo quieres intentar, en el archivo style.css pone:
#header-menu ul.menu,
.sidebar-top .widget_nav_menu ul.menu,
#colophon #access-footer ul.menu {
list-style: none;
margin: 0;
padding-left: 0;
}
lo modificas para que quede:
.sidebar-top .widget_nav_menu ul.menu,
#colophon #access-footer ul.menu {
list-style: none;
margin: 0;
padding-left: 0;
}
#header-menu ul.menu {
list-style: none;
margin: 0 auto;
padding-left: 0;
width: 50%;
}

Esto hay que hacerlo así para que no afecte a otros elementos de la página.

Por cierto, esto no va en el foro wordpress.com

Un saludo
[/quote]

ya lo resolviste capo? avisa sinó. entre a la web y lo veo centrado!

si, lo respondi arriba! gracias de todos modos! ahora tengo el problema de los fondos blancos, tenes idea como cambiarlos?