Hola!! Configuré el menú de la web con un ancla de menú (utilizando Elementor) para que al hacer clic en @yo y como contactarme se dirija a un sector de la página principal pero si no estoy en esa página al hacer clic en el menu no pasa nada, ¿que otra alternativa tengo para que se dirija a ese sector sin importar la página en la que estoy?
URL del sitio: Contenido solo visible a usuarios registrados
Hola Ana,
Debes insertar la URL como te muestro a continuación:
http://adelazapatos.com.ar/#Contacto
En lugar de establecerlo solo como:
#Contacto
Saludos.
genial, funcionó pero ahora me pasa que cuando estoy en ese sector el menú desaparece porque seguramente está configurado el texto con el mismo color de fondo, quisiera dejar el menú fijo; o sea, que siempre el texto sea de color blanco; estuve buscando con Inspeccionar elemento para modificar el style pero no encontré cuál es la función.
Hola Ana,
Seguramente habrá mejores soluciones pero la que me ha funcionado de momento es la siguiente:
A los enlaces de Inicio y al del ancla Contacto agrégales la una clase CSS¡, por ejemplo, inicio y contacto, como te muestro n la captura:
Luego, habrá que insertar el siguiente CSS:
.rd-navbar-static .rd-navbar-nav > li.contacto.current-menu-item > a, .rd-navbar-static .rd-navbar-nav > li.inicio.current-menu-item > a { color: white !important; font-weight: bold !important; }
Te comparto cómo insertar CSS personalizado en Wordpress -> https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html
Saludos.
Bárabro, una cosita más.. cuando paso el mouse sobre el menú el mismo no se lee porque queda el fondo blanco con que código saco ese efecto?
Hola Ana,
Justamente estaba pensando en el efecto hover que tienen el menú y no lo noté, una disculpa. Vamos a corregirlo.
El código actual, donde #FFF representa al color blanco en notación hexadecimal, si deseas usar otro color como fondo puedes revisar esta web -> Colores CSS
.rd-navbar-static .rd-navbar-nav > li > a:hover { background: #FFF; }
Si no deseas aplicarle el cambio de color:
.rd-navbar-static .rd-navbar-nav > li > a:hover { background:none; font-weight:bold; /* Efecto en negrita */ color: #FFF; }
El CSS de mi anterior respuesta puedes reemplazarlo por el siguiente:
.rd-navbar-static .rd-navbar-nav > li.current-menu-item >a{ color: white !important; font-weight: bold !important; }
Saludos.
Gracias!!!