Hotspot tooltip size

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 990px) {
    .responsive .av-image-hotspot {
        height: 48px;
        width: 48px;
        line-height: 48px;
    }
    .responsive .av-image-hotspot-pulse {
        height: 108px;
        width: 108px;
        top: -30px;
        left: -30px;
    }
}

Try setting the hotspot tooltips to show always and this add this code to the end of your child theme functions.php file in Appearance ▸ Editor to hide all of them on load and click will show one at a time.

function one_hotspot_only_script() { ?>
  <script>
(function($) {
 $(window).ready(function() {
           $('.avia-tooltip').hide();	
       $('.av-image-hotspot_inner').on( "click", function(e) {
       	var $this = $(this).parent().find('.avia-tooltip');
       	$(this).parent().css({'z-index':'9'});
	      $(this).siblings('.avia-tooltip').toggle('show');
	      $('.avia-tooltip').not($this).hide();
	      $('.avia-tooltip').not($this).parent().css({'z-index':'1'});
        });
     });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'one_hotspot_only_script', 99);

Best regards,
Mike