Hola a todos.
Estoy optimizando la tienda online en cuanto a diseño se refiere y lo último que he hecho es quitar el logo del header añadiendo una imagen de 1x1 pixel.
De esta forma el logo ya ha desaparecido de ahí pero ahora me queda una linea gris que hace muy feo el diseño de la web.
He intentado investigar un poco con Firebug y creo que la clave está en tocar algo del global.css pero no se el qué.
¿Podríais echarme una mano?
Os adjunto un pantallazo. Sería la linea gris que aparece justo encima del menú.
Muchas gracias y un saludo.
URL del sitio: Contenido solo visible a usuarios registrados
Hola.
Añade lo siguiente a tu archivos de estilos css:
header .nav {background:none;}
No se si utilizas algún archivo custom para las modificaciones de estilos si no lo tienes lo puedes añadir en el archivo global.css que encontraras en themes/theme1262/css
Un saludo
Hola Pepe.
En efecto, al eliminar las lineas actuales referentes a header .nav y dejar solo "header .nav {background:none;}" como me habías dicho, la linea gris desaparece, pero se sigue manteniendo el espacio que antes ocupaba ahora en blanco.
La idea es eliminar también ese espacio que aparece. Te adjunto captura.
Gracias por la ayuda.
Bueno, pues al final lo he resuelto añadiendo esta linea: header .nav {background:none;
margin-bottom: -30px;
}
Al darle margen -30px ya lo puedo ajustar a la parte superior y que no quede ese espacio (adjunto captura), pero al redimensionar la ventana del navegador, osea para pantallas más pequeñas, vuelve a aparecer el espacio.(adjunto captura)
¿Alguna manera de poner en el global.css para que respete ese espacio independientemente de la pantalla en la que se muestra?
Muchas gracias.
Hola.
Prueba con los siguiente:
header .row #header_logo { display:none; }
un saludo
Genial!! Todo arreglado.
Con esta última linea se me mantienen los espacios en todas las pantallas.
Muchísimas gracias por toda la ayuda.
Un saludo y marcamos el tema como resuelto.