[Solucionado] Imagen logotipo a todo lo ancho

[esdublin]

Buenas,

con alguna versión anterior de Prestashop lo había conseguido, pero ésta vez me está resultando difícil insertar una imagen de logotipo a todo lo ancho de la web, pues los bloques de contacto, carrito y logueo me quedaban detrás de la nueva imagen del logo.

Buscando por el foro y debido a mi poca destreza con el css, he conseguido avanzar un poco haciendo lo siguiente:

 

En httpdocs / modules / blocktopmenu / css / superfish-modified.css

añado lo siguiente:

 

/*** ESSENTIAL STYLES ***/
.sf-contener {
    clear: both;
        padding-top: 0px;
}

 

Por otro lado, en httpdocs / themes / default / css / global.css

añado lo siguiente:

 

HEADER
************************************************************************************************ */
#header {position:relative}
#header_logo {
    position: absolute;
    left:0;
    top: 5px;
    z-index: 1;
}

#header_right {
    position:relative;
        float: right;
        padding: 190px 0px;
}

 

Con todo ésto (supongo que no es muy correcto) he conseguido dejar el header logo arriba y desplazar hacia abajo el bloque carrito & cia, justo lo que quería!

Pero el problema me viene al comprobar que entre el menú horizontal y las tres columnas verticales de la web me aparece un espacio que no logro suprimir.

Para que os hagáis una idea, ésta es la web en construcción:

http://www.thesexrock.com

 

Os agradezco por adelantado vuestra atención y ayuda.

Saludos,

Jordi.

Edited January 4, 2014 by esdublin (see edit history)

[junnecito]

Hola esdublin:

Yo tuve el mismo problema y gracias a nadie lo consegui, te adjunto lo que nadie me envío y funcina.

Saludos y feliz año 2014.

 

nadie

Si tu esto:

http://aliciasexshop.com/

quieres dejarlo como esto:

http://jenasexyshop.com/es/

---

 

Vuelve a subir el logo grande, en la pestaña Preferencias -> Temas.

 

Y despues en el fichero:

http://aliciasexshop.com/themes/default/css/global.css

Buscas esto:

#header_right {

        position:relative;

        float: right

}

y lo dejas así:

#header_right {

position: relative;

float: right;

margin-top: 401px;

}

[esdublin]

Muchísimas gracias junnecito! lo cierto es que acabo de hacerlo como tu indicas y ha resultado al 100%.

Muchísimas gracias a tí y a nadie de rebote.

 

Pasad un feliz 2014!

 

Jordi.