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
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
gracias iré probando a ver como lo arreglo.
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