How to add this button?
You can use this code below e.g. paste it at the bottom of your /wp-content/themes/myhome/templates/content-single-estate.php file:
<style> .mh-map-panel__element--gmap:hover a { color: #fff!important; } @media (max-width:767px) { .mh-map-panel > div:not(.mh-map-panel__element--gmap) { display:none!important; } } </style> <script> jQuery(window).on("load", function () { $(".mh-map-panel").append('<div class="mh-map-panel__element mh-map-panel__element--gmap"><button><a target="_blank" href="<?php echo esc_url($myhome_estate->get_google_maps_link()); ?>">Go to Google Maps</a></button></div>'); }); </script>
This code is also mobile friendly, you users will see it this way on their phones: