Button on mobile needs to be clicked twice

Checked the page at your link and clicking the sticky side button once leads to the page for me. What browser and device are using? Does it happen on a diferent browser/device?

Sorry Maeve, I should have said. It’s on mobile on my Android phone. Many thanks

Thanks for confirming Robert. The behavior you’re seeing is intentional by design. On mobile there is no hover function so for the sliding buttons I made it one click to slide out, second click the hyperlink. It was originally not like that and it was the single ongoing complaint/requesr from users.

Hope this helps explain.

Oh OK thank you. It’s just that I don’t have animation, so the button is out all the time. JS isn’t my strongest unfortunately. Do you have the legacy code to eliminate the double click for my set up? Many thanks, Rob

Sure. The code change was discussed in https://github.com/maevelander/sticky-side-buttons/issues/3 and implemented in https://github.com/maevelander/sticky-side-buttons/pull/11/files#diff-37675f92c77cabc8485e05fc73e88596 . That diff will show you how it used to work, which sounds like it’s the way you actually want it on your site. Obviously this isn’t something I want to change in the plugin, but feel free to use that to implement on your own fork.

Thanks Maeve. With that bit of information I stopped being lazy and had a look at the code ?? Not pretty but if you change the array for the hover to 0 width (i.e. all screens) if works just as I want it too ??

Now if (window_width >= 0) from if (window_width >= 768)

Best wishes, Rob

Nice one! Thanks for sharing your solution here Rob. Hopefully that should help anyone else with this same request.

Great solution, worked for me also!

I found that that has something to do with the theme you use. But Since it worked out, Cheers!.