CSS - Centrar caja del navegador

Buenas tardes a todos:

Estoy construyendo mi primera página web y me estoy encontrando con un problema que espero alguien me pueda ayudar a solucionar...

Quiero centrar la caja de navegador y los iconos de las redes sociales en la cabecera del site, pero no me respeta las posiciones en distintas pantallas. He hecho modificaciones en la CSS para posicionar estos elementos a ojo en mi ordenador, pero cuando se entra a la página web desde ordenadores con pantallas de otras resoluciones, la ubicación de los elementos es distinta.

¿Existe alguna manera de bloquearlos en el centro?

Esta es mi página web: www.recetasparaprincipiantes.com

A ver si alguien me puede decir algo!

Muchas gracias por adelantado!

Hola Gorka, he mirado los estilos que hacen referencia a la linea de las redes sociales y he alucinado la de estilos que hay solo para las redes sociales.

Es mucho mas sencillo que eso... mira este simple ejemplo:

Coméntanos si te sirve... cualquier duda...

Muchas gracias por la respuesta, xve!

Lo que pasa es que estoy utilizando un tema predeterminado y creo que está diseñado así...

El ejemplo que me mandas, es para que lo pegue en la hoja de estilos CSS o es para que vea que las cosas pueden ser más sencillas?

Gracias!
G.

Ahora entiendo la complicación de los estilos... la verdad es que están bastante liados...

Te lo mostraba para que vieras los sencillo que se puede hacer, y si lo puedes poner, seria perfecto!!! entiendo que con la de estilos que hay, si no existe la clase que te he indicado, debería de funcionar-te.

Pues no funciona, XVE... :(

Tampoco encuentro la manera de que sea responsive la posición del buscador, en cada pantalla lo veo distinto (aunque en el móvil veo las dos cosas bien, los iconos de redes y el buscador).

Ya me comentó un amigo que el tema este estaba diseñado de manera muy complicada... Le he escrito al desarrollador pero creo que no quiere decirme cómo mover los elementos...

Gracias de todas formas!

Un saludo,
Gorka.