Sub-menu items won't open on Iphone

[Andykev]

We just recently noticed the Mobile menu on our theme is having issues when viewed on an Iphone.
The menu tabs work EXCEPT those tabs which have sub menu items.
I can’t find any conflicts in the .css. The responsive/sub menu works fine if I shrink down the browser window
on the desktop. This happens on an Iphone 5.
All other aspects of the site/theme appear normal. I am stumped on this. Any idea?
Using Genesis, with Legacy child.
This: http://unitedsportsmen.com/

[William]

Hi There!

Have you considered using a responsive menu ? Also, know as a "Hamburger". Far more user-friendly... The responsive menu functionality is included in most new Genesis Child Themes.

KR,
Will

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[Andykev]

Yes. I had installed "Slick Nav" and that added the "hamburger" menu using the Java Script files... but removed it due to it slowing down the site. The theme developer is planning an update to this, adding that improvement.

That said, it was working and suddenly quit. before. The mobile menu simply is displayed diffenently (no hamburger) but was fully functional. Perhaps with one of the recent Genesis updates or a WP update. I did not notice anything until the client notified me.

[Victor Font]

I looked at your site through the mobile Safari webconnector. The the CSS for .genesis-nav-menu .sub-menu at line 1434 in style.css, you have:

left: -9999px;
opacity: 0;

Comment these out and the menu will display. It's basically way off the screen and invisible.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Andykev]

Victor, commenting out the code only made the sub menus appear all at once (displayed all) which covered the screen on both Ipad and I phone.

I checked my .css with the themes demo (original) .css and there is no changes which might be the reason.

In effect, any menu item which contains sub menu items, the menu button does not respond to touch. On the desktop (windows) it works all the time regardless of screen size. So the responsive look is fine with images and text...the menu buttons just become non-functional ONLY for those which have sub menu items.

Stumped!

[Victor Font]

That's what I changed to get the menus to change on my iPhone. Sorry it didn't work for you.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Andykev]

Victor,
I tried it again, no luck with your commenting out the code. So I checked the menu structure in WP in the Admin panel. There was one menu item (CALENDAR) which had only one sub menu (also CALENDAR). There previously was two menu items under "Calendar" but I removed one when that special event was over. Thus the CALENDAR -> CALENDAR was causing some problem. I now have this menu item as CALENDAR with no sub menu. Somehow now ALL the menu items with actual URL sub menu items are working. Still, don't know why/what. I simply thought to clean up the menu and found what I just described, removed it and voila, appears to be fixed w/o removing any .css

[Author]

Posts