BlueOwlCreative » Topic: iPad – sub-menu items do not dropdown http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/feed/ Sat, 18 Jul 2026 14:16:03 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25915 <![CDATA[iPad – sub-menu items do not dropdown]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25915 Tue, 29 Dec 2015 16:19:05 +0000 eclerkin There appears to be an issue with the sub-menu items not dropping down on a click event for the completely useless iPad (IMHO) but we have customers using them. I did a Google search on this topic and everyone seems to have an opinion/code to solve the problem. I tried this suggestion but it didn’t solve the problem either. 

#navigation .sub-menu {
    display: none;
}

#navigation .menu-item-has-children:hover > .sub-menu {
    display: block;
}

Website: http://sloworkforce.com

Should I be using the Custom Links menu feature and then the following href for all main menu items that have sub-menu items? Help!
<a href="#">About</a>.

]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25916 <![CDATA[Reply To: iPad – sub-menu items do not dropdown]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25916 Tue, 29 Dec 2015 16:19:48 +0000 eclerkin Here is my website: http://sloworkforce.com

]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25935 <![CDATA[Reply To: iPad – sub-menu items do not dropdown]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25935 Wed, 30 Dec 2015 11:42:12 +0000 BlueOwl Hi there,

The ipad should activate the mobile menu that operates in a different way… what am I missing here? (Try the device mode (ipad) under Chrome) :)

]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25942 <![CDATA[Reply To: iPad – sub-menu items do not dropdown]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25942 Wed, 30 Dec 2015 15:48:09 +0000 eclerkin I will check out the device mode in Chrome. I don’t use iPad’s nor most Apple devices (with the exception of an iPhone) so this menu dropdown issue is a new one to me. Certainly, someone else has already been here/done that.

]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25943 <![CDATA[Reply To: iPad – sub-menu items do not dropdown]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25943 Wed, 30 Dec 2015 16:12:54 +0000 eclerkin In Chrome (ipad mode), it works fine using the mouse and it’s likely triggering a mouseover event not a click event. But on the ipad using touch (no such thing as a mouse or track pad), it brings up a dialog window of “Open, Open in New Tab, Add to Reading List and Copy). I have looked over all Safari options and iPad options – nothing that would block the drop of menu items.

]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25944 <![CDATA[Reply To: iPad – sub-menu items do not dropdown]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25944 Wed, 30 Dec 2015 17:15:46 +0000 eclerkin Ok, I figured it out. iPad’s work by touch (click events) and not mouseover events. Consequently, each main menu item needs to be a WP Custom Link followed by # after the URL. This change does not affect the navigation functionality of the menu items.
Custom Link main menu item

]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25982 <![CDATA[Reply To: iPad – sub-menu items do not dropdown]]> http://blueowlcreative.com/support_wp/forums/topic/ipad-sub-menu-items-do-not-dropdown/#post-25982 Mon, 04 Jan 2016 13:21:26 +0000 BlueOwl Great, thanks for that input! :)

]]>