Unable to Center Image Overlay in Wordpress

Vote count:

0

I am trying to center a shortcode of a map. Only this map has hotspots over it. If I use some defining code like:

<div style="width:80%;margin:0 auto;">[hotspot id=789 /]
</div>

...it will center the map, only it messes with the responsive theme and the map ends up being too large on a mobile device.

If I try a code to cause it to be able to respond to the responsiveness:

<div style="display: block; text-align: center; margin: 0 auto; width: 100%;">[hotspot id=107 /]</div>

...the map can adjust and the both map and overlay look great on a mobile device, but on a website, the overlay (pins) seems to be left justified. Sigh...

3 E Garrison

I can't seem to isolate the code that would affect the overlay. Any ideas?

Samantha

asked 1 min ago

user2150246

3

Unable to Center Image Overlay in Wordpress