Google Maps not clickable on mobile

Hi,

We are using a Site Origin Google Maps widget and Sydney: Contact Info widget for our contact section here http://varipix.dreamhosters.com/ (click contact).

We would like either our google map icon or our address below the map to be clickable on mobile so people can easily execute directions. Our phone number is clickable on mobile and immediately brings up the option to call us. We would like this function for the address or the map.

Cheers

Hello Blaine,

Yeah, I think that it would be very intuitive to link the map marker. I checked SiteOrigin Google Maps Widget page, but I couldn’t find such option. You can contact SiteOrigin support regarding this and see what they say.

Kind Regards, Roman.

Hi Roman,

Is there a way to make our address clickable in your Sydney: Contact Info widget?

Hello Blaine,

You can try to do this with jQuery.

  1. Please install and activate Insert Headers and Footers plugin that will allow you to insert JavaScript (jQuery) code.

  2. Go to your Dashboard → Settings → Insert Headers and Footers → add the following code to Scripts in Header section, and click Save button.

<script>
    jQuery(document).ready(function(){
        jQuery('.widget .contact-address').wrap( "<a href='http://example.com'></a>" );
    });
</script>

Just replace http://example.com in the code above with desired map link. Here you can learn how to get a map link:
https://support.google.com/maps/answer/144361

Kind Regards, Roman.

Thank you Roman. This works very well.

Great, you are welcome Blaine :slight_smile:

Kind Regards, Roman.