Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

configurar menú problema cuando salgo de la pagina principal  

 
Ana Carla
 Ana Carla
Usuario experto

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

Citar
Respondido : 18/10/2019 10:38 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 18/10/2019 10:48 pm

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

Ana Carla
 Ana Carla
Usuario experto

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.

ResponderCitar
Respondido : 18/10/2019 11:28 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 19/10/2019 12:32 am

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

Ana Carla
 Ana Carla
Usuario experto

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?

ResponderCitar
Respondido : 19/10/2019 12:57 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 19/10/2019 1:21 am

Cursos Gratuitos WordPress

Ana Carla
 Ana Carla
Usuario experto

Gracias!!!

ResponderCitar
Respondido : 19/10/2019 3:54 pm