Avisos
Vaciar todo

Modificación menú de la web, espacios  

 
Uzalia
 Uzalia
Usuario eminente

Buenas noches: 

Estoy intentando hacer cambios de disposición en el menú de mi web, pero hay tres cosas que no soy capaz de hacer, necesito vuestra ayuda. 

 

Os enseño como está ahora el menú de mi web

Captura de Pantalla 2024 10 30 a las 22.33.45

 Esta es otra web similar a lo que yo quiero hacer: 

Captura de Pantalla 2024 10 30 a las 22.34.19

 

1. El primer problema es que el logo, que puse a la izquierda me queda muy separado del menú (del texto de inicio, etc.), ¿Cómo hago para mover el menú más hacia la izquierda, para que no quede tanto espacio? Tampoco me gusta como queda claro, que salga una página del menú debajo, querría que fueran todas en las misma línea. 

2. No soy capaz de eliminar las línea verticales que separan los nombres de las páginas del menú (ver la otra web como los tiene). ¿Cómo puedo hacer? 

3. Quiero poner, al igual que la web similar a lo que yo quiero, la página de "contacto" un poco más separada del resto del menú y así tipo botón. ¿Cómo hago? 

 

Muchas gracias por todo. 

Un saludo.

Captura de Pantalla 2024 10 30 a las 22.33.45
Captura de Pantalla 2024 10 30 a las 22.34.19

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 30/10/2024 9:41 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Uzalia, 

Como estas creando este menú? es algo que viene por defecto en el tema o estás creando una plantilla con Elementor, ya que veo en el código utiliza los estilos y clases de Elementor. 

Si es posible envíanos capturas sobre como lo tienes construido y como se muestra en la parte de la adicional de tu sitio web, de esta forma podemos revisar con mayor detalle lo que nos comentas. 

Un Saludo

ResponderCitar
Respondido : 30/10/2024 10:29 pm

Cursos Gratuitos WordPress

Uzalia
 Uzalia
Usuario eminente

@karen Lo estoy haciendo con elementor pro y la plantilla es hello elementor. 

ResponderCitar
Respondido : 31/10/2024 9:51 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Uzalia.

¿Cómo hago para mover el menú más hacia la izquierda, para que no quede tanto espacio? 

.- Edita la cabecera y en la pestaña contenido alinea el menú a la izquierda:

screenshot mary52 webempresa eu 2024 10 31 12 19 57

En la pestaña Estilo puedes modificar el valor de relleno horizontal para que se muestre en una sola línea

screenshot mary52 webempresa eu 2024 10 31 12 02 58 (1)

.- Edita la Columna del logo y en la opción Ancho de la columna añade " 20 " puedes variar ese valor para adaptarlo:

screenshot mary52 webempresa eu 2024 10 31 12 29 09

No soy capaz de eliminar las línea verticales que separan los nombres 

.- Añade lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.elementor-11361 .elementor-element.elementor-element-4c48bdb .elementor-nav-menu--main .elementor-item {
border:none!important;
}

 

Si ves que los elementos del menú están muy juntos:

.- Edita el bloque del menú

.- Selecciona la pestaña Estilo

.- Modifica el valor espacio intermedio:

screenshot mary52 webempresa eu 2024 10 31 12 43 00

 

Un Saludo

 

 

ResponderCitar
Respondido : 31/10/2024 11:45 am