Avisos
Vaciar todo

Eliminar linea gris en "Header"  

 
Úrsula
 Ãšrsula
Usuario eminente

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

Citar
Respondido : 16/10/2017 3:56 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 16/10/2017 4:08 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Úrsula
 Ãšrsula
Usuario eminente

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.

ResponderCitar
Respondido : 16/10/2017 4:44 pm
Úrsula
 Ãšrsula
Usuario eminente

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.

ResponderCitar
Respondido : 16/10/2017 5:28 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Prueba con los siguiente:

header .row #header_logo {
display:none;
}

un saludo

ResponderCitar
Respondido : 16/10/2017 5:36 pm
Úrsula
 Ãšrsula
Usuario eminente

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.

ResponderCitar
Respondido : 17/10/2017 1:18 am

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