problema con logo e...
 
Avisos
Vaciar todo

problema con logo en prestashop

4 Respuestas
2 Usuarios
0 Reactions
1,392 Visitas
Miguel Angel
Respuestas: 15
Active Member
Topic starter
 

hola tengo un problema con el logo en la plantilla prestashop por defecto.

por más pequeño que lo pongo, se monta sobre el menú de navegación.

adjunto imagen para que veais de lo que hablo, el tamaño del logo es 350x93 formato PNG transparencia

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 18/01/2014 10:21 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Miguel Angel,

El problema es que hereda de una clase anterior estilos que condicionan el espacio vertical de header:

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

En el archivo /themes/default/css/global.css en la línea 27 y esto provoca que el logo se monte sobre la barra gris oscura del menú.

Si añades valor a "height" verás que se despegan los elementos, se genera más espacio, pero claro, eso afecta a los elementos de la parte derecha.

De momento no he encontrado una solución elegante para evitar eso.

Saludos


 
Respondido : 18/01/2014 11:08 pm
Miguel Angel
Respuestas: 15
Active Member
Topic starter
 

gracias iré probando a ver como lo arreglo.


 
Respondido : 18/01/2014 11:44 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Miguel Angel,

Herramienta recomendada, desde Firefox: Firebug 😉

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos


 
Respondido : 19/01/2014 12:26 am