problema con logo en prestashop  

 
Miguel Angel
 Miguel Angel
Usuario activo

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

Citar
Respondido : 18/01/2014 10:21 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 18/01/2014 11:08 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Miguel Angel
 Miguel Angel
Usuario activo

gracias iré probando a ver como lo arreglo.

ResponderCitar
Respondido : 18/01/2014 11:44 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

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

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

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/01/2014 12:26 am

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro