Centrar logo y menu

[lk2_89]

Buenas tardes:

 

en mi tienda (http://kaluva.es/es/) tengo actualmente el logo y el menu en la misma línea, cada uno a un lado de la pantalla, pero me gustaría poder centrar ambas cosas y que además salga cada cosa en una línea. Es decir: que el logo salga centrado y debajo el menu, también centrado.

 

Imagino que debo tocar el css y/o el header.tpl, pero he probado ya algunas cosas y no doy con la tecla. ¿Alguien puede echarme una manita, por favor?

 

Muchas gracias.

[GoFenice]

¿Estás buscando algo como esto http://prnt.sc/f108pb

[lk2_89]

¿Estás buscando algo como esto http://prnt.sc/f108pb

¡Si! Eso, tal cual.

[lk2_89]

Por favor, ¿alguna ayuda?

[genweb]

Tienes que hacer unos cuantos cambios CSS para conseguirlo.

 

1. Eliminar las propiedades float:left y float:right de los elementos: header_logo y megamenu_container

- Línea 6995 del fichero  http://kaluva.es/themes/pos_tuoring1/css/global.css
- Línea 5 del fichero http://kaluva.es/themes/pos_tuoring1/css/modules/posmegamenu/css/custommenu.css
 

 

 

2. Agregar la propiedad  margin: 0 auto; al elemento #header_logo img

 

- Línea 6997 del fichero  http://kaluva.es/themes/pos_tuoring1/css/global.css

 

 

Con eso conseguirías algo como en la captura.

 

Suerte!

 

[lk2_89]

El problema @genweb es que al hacer esos cambios y hacer scroll, la barra del menu blanca superior se desforma y no deja ver nada más de la pantalla.

 

Tienes que hacer unos cuantos cambios CSS para conseguirlo.

 

1. Eliminar las propiedades float:left y float:right de los elementos: header_logo y megamenu_container

- Línea 6995 del fichero  http://kaluva.es/themes/pos_tuoring1/css/global.css
- Línea 5 del fichero http://kaluva.es/themes/pos_tuoring1/css/modules/posmegamenu/css/custommenu.css
 

 

 

2. Agregar la propiedad  margin: 0 auto; al elemento #header_logo img

 

- Línea 6997 del fichero  http://kaluva.es/themes/pos_tuoring1/css/global.css

 

 

Con eso conseguirías algo como en la captura.

 

Suerte!

 

Capture.PNG

[genweb]

Mmm, es porque el menú es sticky? quizás se podría desactivar o retocar el CSS para evitar ese efecto

[Rickynavarro]

Buenas tardes, soy nuevo en prestashop y me gustaria si alguien me puede ayudar de saber como puedo Centrar el logo en la pagina de prestashop que estoy desarrollando. he tratado de buscar el global.css y no aparece en ninguna de las carpetas. tambien he buscado tutoriales pero todos son de 1.6 y no tienen informacion eficaz. si alguien me puede ayudar dandome indicaciones agradesco enormemente.

 

la pagina que estoy montando es www.agua-cates.com

 

saludos y mil gracias de antemano