Hotspot on mobile

Hey snitt,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.responsive .av-hotspot-fallback-tooltip {
    display: block;
}

Then go to enfold/config-templatebuilder/avia-shortcodes/image_hotspots.php file and find

			function add_fallback_tooltip($hotspot, $counter)
			{
				$content = $hotspot['content'];
				
				if(empty($content)) return;
				
				$output  = "";
				$output .= "<div class='av-hotspot-fallback-tooltip'>";
				$output .= "<div class='av-hotspot-fallback-tooltip-count'>";
				$output .= $counter;
				$output .= "<div class='avia-arrow'></div></div>";
				$output .= "<div class='av-hotspot-fallback-tooltip-inner clearfix'>";
				$output .= ShortcodeHelper::avia_apply_autop($content);
				$output .= "</div>";
				$output .= "</div>";
				
				return $output;
			}

and change it to

			function add_fallback_tooltip($hotspot, $counter)
			{
				$content = $hotspot['content'];
                

					$blank  = strpos($link_target, '_blank') !== false ? ' target="_blank" ' : "";
					$blank .= strpos($link_target, 'nofollow') !== false ? ' rel="nofollow" ' : "";
					
					$link = aviaHelper::get_url($link, false);
					$tags = array("a href={$link} {$blank}", 'a');
				
				if(empty($content)) return;
				
				$output  = "";
				$output .= "<div class='av-hotspot-fallback-tooltip'>";
				$output .= "<div class='av-hotspot-fallback-tooltip-count'>";
				$output .= $counter;
				$output .= "<div class='avia-arrow'></div></div>";
				$output .= "<div class='av-hotspot-fallback-tooltip-inner clearfix'>";
                    $output .= "<".$tags[0].">";
				$output .= ShortcodeHelper::avia_apply_autop($content);
                    $output .= "</".$tags[1].">";
				$output .= "</div>";
				$output .= "</div>";
				
				return $output;
			}

Best regards,
Yigit

Hi,

@webba this thread is pretty old and hotspot element now supports links. Please do not make any modification on the file and simply edit your hotspots and append links to each hotspot :)

Best regards,
Yigit