Descuadre del menu horizontal superior al actualizar a la versión 1.5.6.0 (Themeblue) SOLUCIONADO

[Edge1982]

Hola:

 

He actualizado mi tienda a la última versión de Prestashop y el único fallo y el más visible es el del descuadre del menu horizontal superior. (www.electronicabaile.com)

 

Estoy usando una plantilla llamada "temablue" a la cual, he intentando modificar cambiando los códigos sacados de otras soluciones dadas en el foro pero no consigo dar con la solución.

 

¿Alguien me podría ayudar?

 

PD: ¿hay algún cambio más que tenga que tener en cuenta además del descuadre del menu? tipo que haga que un cliente no pueda hacer un pedido correctamente por ejemplo.

 

Muchas gracias.

 

Un saludo.

 

Jesús

Edited November 12, 2013 by Edge1982 (see edit history)

[Josraso]

Revisa este mensaje http://www.prestashop.com/forums/topic/242657-solucionado-problema-con-top-menu-y-barra-de-busqueda/?do=findComment&comment=1200499

[Edge1982]

Hola:

 

OK muchisimas gracias, ahora lo he dejado un poco mejor, pero me gustaría que el logo de mi empresa no estuviera tan alto (lo he dejado centrado en el global.css), que los dibujos de las tarjetas y Paypal no machaquen los apartados de mapa de sitio y contacto y que la barra de busqueda no se quede a la izquierda sino centrado.

 

He visto este post pero no estoy seguro que pueda valer para dejarlo todo tal y como estaba antes:

 

http://www.prestashop.com/forums/topic/287592-consulta-rapida-espacio-entre-topmen%C3%BA-y-homeslider-solucionado-otra-vez-gracias-a-nadie/

 

Un saludo.

 

Jesús.

[nadie]

Hola:

 

OK muchisimas gracias, ahora lo he dejado un poco mejor, pero me gustaría que el logo de mi empresa no estuviera tan alto (lo he dejado centrado en el global.css), que los dibujos de las tarjetas y Paypal no machaquen los apartados de mapa de sitio y contacto y que la barra de busqueda no se quede a la izquierda sino centrado.

 

He visto este post pero no estoy seguro que pueda valer para dejarlo todo tal y como estaba antes:

 

http://www.prestashop.com/forums/topic/287592-consulta-rapida-espacio-entre-topmen%C3%BA-y-homeslider-solucionado-otra-vez-gracias-a-nadie/

 

Un saludo.

 

Jesús.

 

 

Tu tienda:

 

http://www.electronicabaile.com/

 

En tu fichero:

http://www.electronicabaile.com/themes/temablue/css/cleantheme.css

tienes esto:

#header_logo {
display: block;
float: left;
margin-top: 13px;
}

Dejalo asi:

#header_logo {
position: absolute;
top: 6px;
z-index: 1;
}

---

 

Luego veo, que en tu fichero:

http://www.electronicabaile.com/themes/temablue/css/global.css

tienes esto:

#header_logo {
position: center;
top: 20px;
z-index: 1;
}

Dejalo asi:

#header_logo {
position: absolute;
top: 6px;
z-index: 1;
}

----

 

Luego, fichero:

http://www.electronicabaile.com/themes/temablue/css/cleantheme.css

Tienes esto:

.sf-menu {
background: #003259;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
height: 40px;
width: 960px;
}

Dejalo asi:

.sf-menu {
background: #003259;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
height: 40px;
width: 960px;
margin-top: 47px;
}

Luego, veo que en tu fichero:

modules/blocktopmenu/css/superfish-modified.css

Veo que en tu caso tienes esto:

.sf-menu {
	margin: 10px 0px 10px 10px;
	padding: 0;
	width: 980px;
	background: #383838;
}

Dejalo asi:

.sf-menu {
margin: 47px 0px 10px 0px;
padding: 0;
width: 980px;
background: #383838;
}

------

 

Luego en el panel de administración de tu tienda, ve a la pestaña "Módulos -> Posiciones", busca el bloque llamado "Top of pages"

 

Y sube el modulo llamado "Bloque de enlaces permanentes" a la tercera posición con las flechas.

 

Adjunto Imagen

 

 

 

Despues, en el fichero:

http://www.electronicabaile.com/themes/temablue/css/cleantheme.css

busca esto:

#search_block_top {
left: 0px;
position: absolute;
top: 55px;
}

Y dejalo asi:

#search_block_top {
right: 26%;
position: absolute;
top: 55px;
}

Luego, en tu fichero:

http://www.electronicabaile.com/themes/temablue/css/global.css

Tienes esto:

#header_right {
position: relative;
top: 20px;
float: right;
}

Dejalo asi:

#header_right {
position: relative;
top: 4px;
float: right;
}

------------------------------

 

 

Si sigues los cambios que te he comentado, pasara de verse como se te ve ahora (muy feo)

 

Adjunto Imagen

 

 

 

A verse "estéticamente bien" 

 

Adjunto Imagen

 

[Edge1982]

OK perfecto !!!!

 

He seguido todos los pasos y ha funcionado a la perfección para la plantilla "themeblue"

 

Lo doy por SOLUCIONADO.

 

Muchisimas gracias a los dos.

 

Un saludo.

 

Jesús.

[nadie]

OK perfecto !!!!

 

He seguido todos los pasos y ha funcionado a la perfección para la plantilla "themeblue"

 

Lo doy por SOLUCIONADO.

 

Muchisimas gracias a los dos.

 

Un saludo.

 

Jesús.

 

Un placer ayudarte !

 

PD: Como he visto que has añadido la palabra "Solucionado" en el titulo del tema, procedo a cerrar el tema.

 

Saludos,