BB broken on one page

Yea that’s got it! Thank you!

I searched forever and never saw a sign of safe mode- that is great! I would make that one more obvious in the troubleshooting forums- it would probably save you guys a lot of support requests- (or maybe I just needed more coffee when I was searching…)

Is there a safe way to make this hotspot image work?

Hi Ben,

I used the code below and called the ImageMapResize.js from my server. I removed the middle jquery call (<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”></script>
) to resolve the multiple js calls which seemed to break the builder.

Other than the duplicate js breaking the builder, the hotspots were responsive and working in all browsers I tested.

Here is the code I placed in an html block:

img src=”https://westparrysoundedo.com/wp-content/uploads/2017/11/West-Parry-Sound-Map-new.jpg&#8221; id=”map-image” style=”width: 1200px; max-width: 100%; height: auto;” alt=”” usemap=”#who is West Parry Sound” />
<map name=”who is West Parry Sound”>
<area shape=”rect” coords=”336, 1043, 640, 1155″ href=”https://www.thearchipelago.on.ca/&#8221; target=”_blank” alt=”Link for Archipelago website” />
<area shape=”rect” coords=”801, 982, 980, 1040″ href=”https://www.seguin.ca/en/index.aspx&#8221; target=”_blank” alt=”Link for Seguin website” />
<area shape=”rect” coords=”516, 859, 676, 960″ href=”https://www.parrysound.ca/en/index.asp&#8221; target=”_blank” alt=”Link for Parry Sound website” />
<area shape=”rect” coords=”333, 800, 501, 863″ href=”https://www.carlingtownship.ca/&#8221; target=”_blank” alt=”Link for Carling website” />
<area shape=”rect” coords=”612, 758, 882, 816″ href=”https://mcdougall.ca/&#8221; target=”_blank” alt=”Link for McDougall website” />
<area shape=”rect” coords=”725, 508, 980, 552″ href=”https://www.whitestone.ca/&#8221; target=”_blank” alt=”Link for Whitestone website” />
<area shape=”rect” coords=”171, 476, 460, 572″ href=”https://www.thearchipelago.on.ca/&#8221; target=”_blank” alt=”Link for the Archipelago” />
</map>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”></script>
<script src=”https://westparrysoundedo.com/wp-content/themes/icelander-child/js/imageMapResizer.min.js”></script&gt;
<script>$(document).ready(function(e){$(“map”).imageMapResize();});</script>”;s:10:”margin_top”;s:0:””;s:17:”margin_top_medium”;s:0:””;s:21:”margin_top_responsive”;s:0:””;s:13:”margin_bottom”;s:0:””;s:20:”margin_bottom_medium”;s:0:””;s:24:”margin_bottom_responsive”;s:0:””;s:11:”margin_left”;s:0:””;s:18:”margin_left_medium”;s:0:””;s:22:”margin_left_responsive”;s:0:””;s:12:”margin_right”;s:0:””;s:19:”margin_right_medium”;s:0:””;s:23:”margin_right_responsive”;s:0:””;s:18:”responsive_display”;s:0:””;s:18:”visibility_display”;s:0:””;s:26:”visibility_user_capability”;s:0:””;s:9:”animation”;s:0:””;s:15:”animation_delay”;s:3:”0.0″;s:2:”id”;s:0:””;s:5:”class”;s:0:””;s:4:”type”;s:4:”html”;}}}

Hi Ben,

Yes I did take the jquery call out and that resolved the duplicate errors and the builder works as expected again- super fast and full of awesomeness.

The image map has the links but is no longer responsive so the links are not in the right spots.

I suspect maybe things are happening out of order now but not sure.

Hi Ben,

An update on this- I installed Image Hotspot by DevVN which solved the problem. Thanks for your help.

On another note though- the blog page will not show the page builder button- Even if I try to enter safe mode nothing happens? any ideas?