Popover - Mobile - First Click Show Popover - Second Click go to Page

[JK2013]

On my website: www.garrettandwalker.com, I’ve included a button for online services. If I select info_trigger=“hover” it works great on desktop. But my issue is moreso with mobile. I want the popover to show on mobile and on desktop. Obviously, with mobile there’s no hover, but my question is on mobile is it possible to make it where the users first click the button the popover appears and the second one opens the link?

Or some other way to make the popover visible on mobile? Thank you for your help!

I’m not using cornerstone and have been using shortcode to implement buttons on my website.

[nabeel]

Hi Jason,

Thank you for reaching out to us. On desktop, tooltips are easy to display because the user has a mouse hover and ample screen space. This allows the user to trigger and read the tooltip with ease.

But on mobile, it’s more of a challenge because screen space is limited and there is no mouse hover. It could be possible with custom JavaScript, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

You may try a solution here https://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly but please note that the code provided in the referenced link serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Thanks for understanding. Take care!