Eliminar linea gris...
 
Avisos
Vaciar todo

Eliminar linea gris en "Header"

6 Respuestas
2 Usuarios
0 Reactions
966 Visitas
Respuestas: 28
Eminent Member
Topic starter
 

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


 
Respondido : 16/10/2017 2:56 pm
Pepe
 Pepe
Respuestas: 41122
Illustrious Member Admin
 

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


 
Respondido : 16/10/2017 3:08 pm
Respuestas: 28
Eminent Member
Topic starter
 

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.


 
Respondido : 16/10/2017 3:44 pm
Respuestas: 28
Eminent Member
Topic starter
 

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.


 
Respondido : 16/10/2017 4:28 pm
Pepe
 Pepe
Respuestas: 41122
Illustrious Member Admin
 

Hola.

Prueba con los siguiente:

header .row #header_logo {
display:none;
}

un saludo


 
Respondido : 16/10/2017 4:36 pm
Respuestas: 28
Eminent Member
Topic starter
 

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.


 
Respondido : 17/10/2017 12:18 am