Click menu item to open submenu Slide to open

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

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

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

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

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

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