Make image mobile responsive

Highlighted
Tourist
48 0 2

Hi, I am using the Debut theme. I added a clickable image to my website. Everything was going great... or so I thought. However, I now realize that the image isnt mobile responsive for some reason. And this image is crucial for that page, so I need it to be responsive. Any ideas how to fix that? Thanks!

0 Likes
Highlighted
Shopify Partner
57 3 3

Can you show us the page? And possibly the code you added?

0 Likes
Highlighted
Tourist
48 0 2

Hi Matt,

 

Sure thing! Here is the page I am referring to:

 

https://www.pennsylvaniaparks.org/pages/become-a-member

 

Here is the code I added:

 

<iframe src="https://createaclickablemap.com/map.php?id=81921&maplocation=pa&online=true" width="900" height="525" style="border: none;"></iframe>
<script>if (window.addEventListener){ window.addEventListener("message", function(event) { if(event.data.length >= 22) { if( event.data.substr(0, 22) == "__MM-LOCATION.REDIRECT") location = event.data.substr(22); } }, false); } else if (window.attachEvent){ window.attachEvent("message", function(event) { if( event.data.length >= 22) { if ( event.data.substr(0, 22) == "__MM-LOCATION.REDIRECT") location = event.data.substr(22); } }, false); } </script>

 

Its for a clickable map.

 

Thanks!

0 Likes
Highlighted
Shopify Partner
57 3 3

Ah, unfortunately, that is actually an 'iFrame' and not an 'Image'.  The responsive work for that really should be done by whoever/wherever you got the original code from.

0 Likes
Highlighted
Tourist
48 0 2

Thanks for your reply... I will reach out to them again and hopefully get them to fix that. Thanks for your reply :)

0 Likes
Highlighted
Excursionist
18 0 4

Hi,

Would you be able to advise why are some of the product titles sitting  on product image when viewed on mobile? I did not make any changes to this page, not sure why it became like  this suddenly.

IMG-0916.PNG

0 Likes