Un usuario preguntó 👇
Hola a todos,
Acabo de crear mi primer sitio y, naturalmente, quiero que la estructura de fondo se vea bien antes de cargar contenido. Encontré un tema (Blog Head). Sacudí una imagen de encabezado para mí y encontré una imagen de fondo con textura adecuada. Descubrí que mi menú se veía un poco extraño, así que descargué el plugin Max Mega Menu. Configure el color del menú, estírelo para eliminar parte del espacio en blanco debajo del menú y sobre la imagen de fondo / contenido del sitio.
Este es el sitio como está ahora. [url]www.munitora.com[/url]
Pero ahora estoy un poco estancado. Primero, tengo estas barras blancas a cada lado del menú. Nada de lo que hago para ajustar el menú o la imagen de fondo parece afectarlo. Entonces, ¿cómo me deshago de él? Idealmente, quiero completarlo como el resto de la imagen de fondo.
En segundo lugar, cuando miro el sitio como si fuera una tableta, las líneas entre las distintas opciones del menú no aparecen. ¿Se puede hacer como ellos? Ya había configurado el espacio entre elementos lo suficiente para asegurarme de que no estuvieran todos recortados. Me complace eliminar eso si hay otra forma de hacer que las opciones estén igualmente equilibradas en el menú.
Muchas gracias por la ayuda ofrecida.
(@jarretc)
Hace 1 año, 4 meses
Las barras blancas son fáciles de configurar con el siguiente CSS
.main-menu #site-navigation {
background-color: transparent;
box-shadow: none;
}Puede optar por omitir la sombra del cuadro si lo desea, sin embargo, dejará una sombra «fantasma» en el fondo del sitio deseado o no deseado.
Los separadores en el menú son un poco diferentes simplemente porque los elementos del menú tienen diferentes longitudes en términos de contenido. En el tamaño de la tableta, idealmente, ¿cuántos elementos del menú desea compartir en el menú antes de pasar a la siguiente fila? He estado experimentando un poco y 3 parece tener demasiado espacio (especialmente para elementos de menú más pequeños), pero si hay 4 elementos a lo largo, es posible que deba reducir el tamaño de fuente para que se ajuste a los elementos más largos encajando en un ancho menor.
(@cannonking)
Hace 1 año, 3 meses
Jarret, gracias por responder. Introduzco la SEC y funciona bien. El único problema ahora es que la transición de una imagen de encabezado a una imagen de fondo es un poco más empinada de lo que esperaba. ¿Hay alguna forma de poner un pequeño borde oscuro entre los dos?
(@itonic)
Hace 1 año, 3 meses
No estoy seguro de entender qué significa «oscuro», pero eso limitará el encabezado, que puede cambiar a su gusto:
.site-header {border-bottom: black solid 2px;}
Si quieres que sea más suave, agregas sombra.
Esta respuesta fue modificada hace 1 año, 3 meses.
¿Solucionó tu problema??
0 / 0