¿Cómo cambiar posición logo prestashop? "SOLUCIONADO"

[snowlis]

Hola,

 

Recientemente he actualizado el prestashop a su última versión y no sé qué ha pasado que se me ha descuadrado la cabecera.

Creo que tiene que ver con el archivo global.css (utilizo el tema por defecto de prestashop)

 

En concreto las líneas correspondientes al header las tengo configuradas así:

#header {position:relative}
#header_logo {
	position: relative;
	left:0;
	top: 30px;
	z-index: 1;
}

#header_right {
	position:relative;
	float: right
}

El problema que tengo es que el logo se me ha desplazado hacia la parte de arriba y me gustaría bajarlo para que estuviera a la izquierda del cajón de búsqueda que es como estaba antes.

 

Aquí dejo una imagen para que os hagáis una idea:

 

¿Alguién podría explicarme como ponerlo otra vez en su sitio?

 

Edited October 5, 2013 by snowlis (see edit history)

[Sergio Ruiz]

Revise este post: http://victor-rodenas.com/2013/04/26/solucion-al-problema-de-descuadre-de-la-cabecera-en-prestashop-1-5-4-1/ (revise lo que dice del header.tpl)

[snowlis]

Lo siento pero no me ha funcionado la solución:

 

El archivo header.tpl en cuestión las líneas que se indican las tengo así:

<!-- Header -->
			<div id="header" class="grid_9 alpha omega">
				<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
					<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
				</a>
				<div id="header_right" class="grid_9 omega">
					{$HOOK_TOP}
				</div>
			</div>

Y luego el Global.css lo he dejado así:

#header {position:relative}
#header_logo {
	position: absolute;
	top: 30px;
	z-index: 1;
}

#header_right {
	position:relative;
	float: right
}

Así se supone que tal y como indica el enlace debería solucionarse el problema, pero lo que me sucede es que el logo queda por encima de la Barra tapándola.

Os dejo una captura para que os hagáis una idea:

 

¿Alguién me puede explicar qué está sucediendo?

[st0le]

Hola,

No es que sea un entendido con el código, pero clica con el botón derecho el logo -> inspeccionar elemento, y luego, en el #header_logo, pon el top: 30px; a 10px, o lo vas moviendo a tu antojo, luego, lo modificas en el fichero original (es cm yo lo hago).

Un saludo!

[nadie]

Lo siento pero no me ha funcionado la solución:

 

El archivo header.tpl en cuestión las líneas que se indican las tengo así:

<!-- Header -->
			<div id="header" class="grid_9 alpha omega">
				<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
					<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
				</a>
				<div id="header_right" class="grid_9 omega">
					{$HOOK_TOP}
				</div>
			</div>

Y luego el Global.css lo he dejado así:

#header {position:relative}
#header_logo {
	position: absolute;
	top: 30px;
	z-index: 1;
}

#header_right {
	position:relative;
	float: right
}

Así se supone que tal y como indica el enlace debería solucionarse el problema, pero lo que me sucede es que el logo queda por encima de la Barra tapándola.

Os dejo una captura para que os hagáis una idea:

Logo2.JPG

 

¿Alguién me puede explicar qué está sucediendo?

 

No esta sucendiendo nada malo,  ahora tienes que hacer esto: http://www.prestashop.com/forums/topic/279490-header-cambiar-tama%C3%B1o/ (los valores del post del foro que te he pasado son para ese usuario, pero vamos ya sabes que tienes que tocar ahora xD)

 

Viendo que esta es tu web: http://www.nutriatletismo.com/es/

 

Fichero:

http://www.nutriatletismo.com/themes/default/css/global.css

Busca esto:

#header_logo {
position: absolute;
left:0;
top: 30px;
z-index: 1;
}

Y dejalo asi:

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

Despues, en el fichero:

modules/blocktopmenu/css/superfish-modified.css

Busca esto:

.sf-contener {
clear: both;
}

y dejalo asi:

.sf-contener {
clear: both;
padding-top: 2px;
}

[snowlis]

Gracias por la pista st0le.

 

Al final he conseguido ponerlo en su stio poniendo el  top con un valor negativo "-7px".

 

Gracias por la ayuda.

[nadie]

Gracias por la pista st0le.

 

Al final he conseguido ponerlo en su stio poniendo el  top con un valor negativo "-7px".

 

Gracias por la ayuda.

 

Añade la palabra "Solucionado" al titulo del tema.

 

Saludos

[nadie]

Por cierto, los valores negativos, aunque te funcionen no es recomendable abusar de ellos, existen otros métodos menos ortodoxos.

 

Bueno, ya he visto que has añadido la palabra "Solucionado" al título del tema.

 

Cierro tema.