Avisos
Vaciar todo

Menú navegación con Genésis y theme Beautiful pro  

 
Joaquín
 Joaquín
Usuario activo

Hola,
consultar si es posible que los menús de navegación se desplieguen únicamente al hacer clic sobre ellos en lugar de que se desplieguen con solo pasar el ratón por encima.

Querría que al hacer clic el menú quedase permanentemente desplegado hasta hacer un clic fuera de éste.

El tema es que en los dispositivos táctiles el menú se despliega y se vuelve a recoger automáticamente;
así, resulta imposible navegar correctamente ya que en el menú SERVICIOS, que a su vez incluye 4 submenús y uno de éstos a su vez tiene otros 4 menús no da tiempo a seleccionar uno u otro.

¿Hay algún plugin que permita seleccionar que el menú se despliegue permanentemente solo al hacer clic sobre él??;

gracias,

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 26/07/2015 3:30 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Joaquín,

Antes de que te plantees abordar lo que comentas ¿que conocimientos tienes sobre el funcionamiento del framework Génesis?

Los cambios que quieres hacer no solo implican modificar CSS sino también el como Génesis gestiona los menús. El vento de ratón al pasar sobre los menús es un comportamiento nativo de cualquier tema de WordPress y de otros CMS.

El evento onmouseover ocurre cuando el puntero del ratón se mueve sobre un elemento, o en uno de los subelementos o submenus y es así en todos los navegadores y CMS que yo conozca.

Se gestiona mediante javascript normalmente por lo que este cambio en particular no lo resuelves cambiando 2 cositas en un CSS. Luego habría que ver que comportamiento tendría ese cambio en dispositivos móviles donde no hay evento "onmouseover".

¿Es necesario este cambio que comentas para tu web?

Saludos

ResponderCitar
Respondido : 26/07/2015 8:48 pm

Cursos Gratuitos WordPress

Joaquín
 Joaquín
Usuario activo

Gracias,, pocos conocimientos tengo la verdad, es la primera página que hago ......por lo que me comentas no es tan sencillo como es cambiar un detallito en css..... por ello pensé que quizás hubiese un plugin que permitiese controlar este funcionamiento de los menú;

Entiendo que tendré que ordenarlo de manera que los menús no contengan submenús porque será la única forma que en dispositivos táctiles no se dé el problema de que el menú se recoja sin tiempo suficiente a clicar alguno de los elementos de éste

No obstante comentar que he leído algo que venía a decir que si el elemento del menú en cuestión (en mi caso sería el menú "Servicios") no contiene un enlace así el menú podría quedarse desplegado en los dispositivos táctiles; pero no lo consigo elimino el enlace y me enlaza en lugar de al contenido anterior al que enlazaba y que supuestamente eliminé a un mensaje de error tipo "page not found....."
Aquí el truco comentado:
http://derrotero.net/blog/wordpress-un-truco-para-los-menus-de-twenty-eleven-en-pantallas-tactiles /">

Sería viable aplicar el truco", es decir borrar el enlace en Servicios con la plantilla de genésis y el tema beatiful pro?

gracias

ResponderCitar
Respondido : 26/07/2015 9:09 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Joaquín,

Lo normal es que para que un Menú "padre" no tenga acción (si tendrá evento onmouseover, pero no clic) hay que poner como url # de forma que no ejecute nada.

¿Como tienes tu configurado el link del menú "Servicios" que indicas?.

Saludos

ResponderCitar
Respondido : 27/07/2015 2:12 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Joaquín
 Joaquín
Usuario activo

Hola, como puedo ver la configuración del link del boton Servicios??

Lo que hice fué crear una página que se llama servicios y depués cree el menú añadiendo esta página; dentro fui arrastrando los submenús que van dentro de Servicios: Prevención a la Dependencia, Intervención a la dependencia, Asesoramiento a cuidadores personales y Asesoramiento y Entrenamiento en Productos de Apoyo,

gracias

ResponderCitar
Respondido : 27/07/2015 9:23 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Actualmente veo que no tienes ningún submenú en el menú principal. Sería necesario que tuvieras alguno para que podamos analizar la web desde un móvil y ver si se puede aplicar algún tipo de solución que solucione el problema.

ResponderCitar
Respondido : 27/07/2015 4:09 pm

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

Joaquín
 Joaquín
Usuario activo

Hola Pablo,

como no sabíasolucionar el problema de funcionamiento de los submenús en dispositivos táctiles desmonté el menú desplegable y puse todo el contenido "corrido" dentro del menú Servicios, finalmente va sin menús hijo;

No obstante, sí me interesaría poder conocer como solucionar este problema de que el menú se despliega y se recoge sin dar tiempo a clicar en los dispositivos táctiles. Por lo que pdové, en todas los themes que me vienen asociadas al pack Genesis sucede lo mismo y para otras páginas quizás no sea una solución válida utilizar un menú sin submenús;

gracias,

ResponderCitar
Respondido : 27/07/2015 9:18 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Tu plantilla posiblemente no soporta un menú para dispositivos móviles ya que por ejemplo no veo que se comporte como menú responsive

En conclusión depende de la plantilla que usas, revisa por ejemplo los themes gantry de :
https://www.webempresa.com/crear-web-wordpress.html

Verás que aparece un menú en otra presentación cuando el área de la pantalla se reduce

Saludos.

ResponderCitar
Respondido : 28/07/2015 12:27 am

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

Joaquín
 Joaquín
Usuario activo

Hola Jhon,
pensé que mi menú sí que era Responsive porque cuando cambio los tamaños de pantalla los botones del menú se reordenan adaptándose al tamaño de pantalla;

La plantilla es la Beautiful Pro,

gracias

ResponderCitar
Respondido : 28/07/2015 2:47 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Realizando pruebas con la plantilla Beautiful Pro veo que realmente sí dispone de una versión para móviles, tal como puedes ver en el siguiente enlace:

http://my.studiopress.com/themes/beautiful/#demo-phone

Lo que veo en tu web es que da la sensación de que el menú que estás cargando no lo está haciendo en la posición donde debería para que presente ese funcionamiento adaptado a móviles, por lo que es posible que hayas colocado el widget de menú personalizado en la posición que no es.

Vete en la administración de la web a Apariencia->Widgets y verifica que el widget "Menú personalizado" que se se usa para cargar el menú lo tienes en la posición Encabezado derecho. De no ser así, prueba a ponerlo ahí y comprueba si se soluciona el problema.

ResponderCitar
Respondido : 28/07/2015 4:30 pm