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…