Plugins y algunos trucos para WP

Menú desplegable no funciona en IPAD/IPHONE

Menú desplegable no funciona en IPAD/IPHONE

Muchas de las plantillas ya sean gratuitas o de pago permiten hacer menús desplegables fácilmente, pero hay que tener en cuenta que hay que validar la web en los principales navegadores.

Un error común y para el que me ha costado encontrar solución ha sido en los menus desplegables. Existe una incompatibilidad con el navegador IOS por el que un menú desplegable ha de tener también como enlace la propia opción que se desplega, ejemplo:

  • Productos
  • -Producto 1
  • -Producto 2
  • -Producto 3

El menú productos se desplega en un submenú con tres elementos que cada uno tendrá su propio enlace. Pues bien, el menú productos también ha de ser un enlace, si no tenemos un destino para esta sección podemos poner como enlace : <a href=»#»> que nos deja en la misma web, pero que al tener un enlace, el navegador nos mostrará el contenido del submenú.

En el panel de WordPress/Apariencia/Menús en lugar de dejar el enlace (URL) en blanco para generar un elemento del menú sin enlace, o poner un enlace y hacer un elemento del menú normal, pon simplemente un caràcter #.

El error básico es acostumbrarse a crear elementos del menú del tipo etiquetas, es decir, sin enlaces, en muchos navegadores no importa, funciona perfectamente, pero en otros como IOS no es así. Así que siempre, todos los elementos de menú/submenú con enlaces.

Espero poder ayudado a más de uno, francamente, para mi ha sido un tanto costoso…

 

 


5 Respuestas to “Menú desplegable no funciona en IPAD/IPHONE”

  1. Carlos dice:

    Genial solución!! francamente ya no sabía cómo solucionarlo, ahora mi menú desplegable en Iphone si funciona!!! Muchas gracias!

  2. elizabeth dice:

    Hola;
    buenas tardes; gracias por la info, pero menú desplegable diseñado con html5 y css3 todos los elementos del submenú tienen un , pero igual no me funcionan en iphad y iphone tienes alguna idea?.

    De antemano muchas gracias por tu tiempo. El menú se encuentra en esta pagina por si algo. http://www.eroticosenlaciudad.com

  3. elizabeth dice:

    Perdon;
    tengo menú desplegable diseñado con html5 y css3, todos los elementos del submenú tienen un , pero igual no me funcionan en iphad y iphone tienes alguna idea?.

  4. Ros dice:

    Perfecta solución, muchas gracias¡¡

Dejar una respuesta

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

Powered by WordPress | Designed by Elegant ThemesPolítica de privacidad