• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Responsive header Dropdown Menu on Mobile devices – hover to click

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Responsive header Dropdown Menu on Mobile devices – hover to click

This topic is: not resolved

Tagged: dropdown menu, mobile menu, submenu

  • This topic has 3 replies, 3 voices, and was last updated 9 years, 8 months ago by ScottFromPA.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 20, 2014 at 5:45 am #115022
    Mallina.Studio
    Member

    Is there any solution to make DropDown submenus clickable on mobile devices?
    When on PC it's enough to hover over the menu item that has dropdown list, but switching to mobile browsers like safari or chrome on iPhone/iPad leads to problem - I cant chose dropdown item, because i click main menu item...
    Using stock genesis functionality for menu with my custom theme.

    Tried to find solution, but still no luck.
    Anyone can help?
    Thank's!


    Частный дизайнер интерьера

    http://mallina-studio.com
    July 20, 2014 at 2:43 pm #115076
    Tom
    Participant

    You should be able to fix this by adding this code snippet to the functions.php file in your theme.

    add_filter( 'genesis_superfish_enabled', '__return_true' );
    add_action( 'wp_enqueue_scripts', 'child_enqueue_scripts' );
    function child_enqueue_scripts() {
        wp_enqueue_script( 'hoverIntent' );
    }

    See also: http://keypresswp.com/genesis-fix-for-mobile-menu-sub-menu-problem/


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    July 20, 2014 at 6:00 pm #115104
    Mallina.Studio
    Member

    Thank's! That works!


    Частный дизайнер интерьера

    November 9, 2015 at 2:32 pm #170591
    ScottFromPA
    Member

    This works great except for one issue. The menus open fine when clicking the text but when you want to close the clambshell it does not work.

    How do you get it to close onclick?

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble