Pregunta sobre Elementor Website Builder de Wordpress:

Separador del menú de navegación

Un usuario preguntó 👇

Hola,

Estoy perdido.

Tengo que hacer un menú de navegación con separadores entre los enlaces del menú como se muestra en el enlace adjunto. Estoy usando Elementor … ¿Alguien tiene alguna sugerencia?

Gracias de antemano 🙂

Todo lo mejor

(@ jeremiah01292)

Hace 2 años, 5 meses

Si no está usando Elementor Pro mientras usa el widget de navegación dinámica, su estilo de menú se deriva de su tema. Si su menú está en los encabezados de su tema y el cuerpo de control no está libre de elementos, entonces necesitará hacer modificaciones CSS pesadas. Si ese menú que vio está en un sitio en vivo, puede «esconderlo» y explorarlo y extraer el código CSS de la ventana de estilo, pero deberá usar las etiquetas que usan su tema para aplicarlas.

(@henriklm)

Hace 2 años, 4 meses

Hola Jeremiah,

Gracias por la respuesta.

Lo resolví con este SEC:

.nav-padding-zero a {borde-derecho: 2px sólido # 051727; relleno: 0px 30px 0px 30px! importante; }

(@janoshke)

Hace 1 año, 11 meses

@henriklm

Hola,

Esta es una solución bastante buena. Sin embargo, existe el caso en el que no necesito el separador para el último elemento del menú. ¿Alguna idea sobre cómo modificar la SEC para ese caso?

(@lwoods)

Hace 1 año, 7 meses

Aquí hay un ejemplo. Límites a la derecha excepto el último elemento:

.menu-item: not (: last child) a {border-right: solid 2px # 051727; relleno: 15px 3px 15px 3px; } .menu-item: to {last: {pad: 15px 3px 15px 3px; }

(@hairyhobo)

Hace 1 año, 6 meses

Esto es genial, gracias. ¿Cómo pondría un punto de color con el mismo espacio a la izquierda y a la derecha, entre los elementos del menú y no una línea?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *