Support » Plugin: Responsive Menu - Create Mobile-Friendly Menu » Click menu item to open submenu Slide to open

  • Is it possible to click menu item to open sub-menu?

    Menu items are # links, opening an accordion style submenu in non-mobile site.

    Presently in responsive menu, they appear as reactive yet dead links. I would need to restructure site and create unnecessary pages to solve current counterintuitive UX problem.

    also

    Are you closer to implementing slide to open/close?

    Keen to purchase, bit of a dilemma. If can solve sub-menu issue, happy enough to.

    https://wordpress.org/plugins/responsive-menu/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Jeff Cleverley

    (@deftly)

    Good news it works now, bad news I have no idea why it wasn’t working before.

    Would still love slide to open. Still worth the purchase.

    I am curious what you mean by “slide to open”. On my site, the menu itself slides in from the right when my own hamburger button is clicked, and slides back of to the right when the button is clicked again or anywhere else on the page. What exactly are you refering to?

    Cheers,
    Jeff

    Thread Starter Jeff Cleverley

    (@deftly)

    Yes, sorry I should have been clearer.

    I mean gesture slide to slide open, not click with slide animation.

    Deftly –

    I’m not sure why you would want a swipe to open menu but…
    If you are familiar with jQuery, you can use it to create your own swipe (right). So, for a crude rectangular button, you need something like:

    <div id="swipeForMenu">
       Swipe right for menu ->
    </div>

    This jQuery should likely be somehwere at the bottom of your page:

    jQuery(document).ready(function($) {
    $("swipeForMenu").on("swiperight",function(){
       do_shortcode([responsive_menu]);
    });
    }

    CSS for the #swipeForMenu div:

    #swipeForMenu {
      width: 35%;
      height: 1.0rem;
      font-size: 1.5rem;
      color: #444;     /* really dark gray */
      background-color:  lightblue;
      border: 2px solid #666;     /* medium dark gray */
    }

    Then, for ResponsiveMenu, set the Click Trigger field to #swipeForMenu in the Look and Feel tab.

    Note that this doesn’t include an actual “knob” like the swiping doodads on iOS and Android phone app’s. I don’t know of any way to duplicate that except for writing a native mobile app. (You can do that for Apple iOS devices using Apple’s Xcode development environment with WebKit.) This may not be exactly what you are thinking but, it should give you some ideas. In fact, if you are looking for a menu that hides off-screen to the lef or right, but leaves a small knob/handle indicator, there are at least 2 other responsive menu plugins that do that but, they don’t seem to work as nicely as this one (IMHO).

    Hope that helps.
    Jeff

    Thread Starter Jeff Cleverley

    (@deftly)

    Jeff

    Thank you for your kind help.

    I am looking to replicate the swipe from the left side of the screen behaviour that is quite common on android apps but also in addition to a click button.

    I understand without the native app this might prove very difficult.

    I did see on sites such as: m.ign.com their responsive side menu only opens with a click, but could be closed with a left swipe gesture.

    I am not very familiar with jquery but am happy to learn and have just started some online javascript courses, so the code that you have provided is much appreciated, I will have a play around.

    Cheers
    Jeff

    Plugin Contributor responsivemenu

    (@responsivemenu)

    Hi guys,

    Thanks for the support post and thanks Jeff for the very helpful response!

    I admit I haven’t been able to look at the swipe gestures yet as they are not high up on my development list due to only having one request so far for these!

    I can’t promise when they will be looked at, but will let you know as soon as they are added.

    All the best

    Thread Starter Jeff Cleverley

    (@deftly)

    Just want to say great plugin anyway, thanks for all your work.

    Plugin Contributor responsivemenu

    (@responsivemenu)

    Hey Deftly,

    Thanks so much for your kind words! It’s hard to keep on top of all support, bug and development request but I try my best and its nice to see someone appreciate it!

    All the best

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Click menu item to open submenu Slide to open’ is closed to new replies.