dbbates Posted June 12 Posted June 12 (edited) Hi! I'm embedding an interactive leaflet map on my Squarespace site using an iframe. It works well on desktop and it is workable on mobile. Just hoping I can adjust it so that on mobile the full map is displayed instead of requiring the user to zoom out. The first image shows the way it loads currently. The second is how I'd prefer (please ignore my phone's volume control). Site: https://www.transformationsproject.org Leaflet iframe link: https://transformationsproject.github.io/static/widgets/leaflet_map.html Edited June 25 by dbbates
dbbates Posted June 25 Author Posted June 25 @tuanphan do you have any ideas? Basically the iframe loads the map as full size on mobile when I would like it to scale to fit the frame.
tuanphan Posted June 28 Posted June 28 The URL doesn't work. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
dbbates Posted July 10 Author Posted July 10 My apologies. The test page has been made live since I originally posted. URL is https://www.transformationsproject.org/
tuanphan Posted July 13 Posted July 13 On 7/10/2024 at 9:34 PM, dbbates said: My apologies. The test page has been made live since I originally posted. URL is https://www.transformationsproject.org/ I tried some ways but can't find code to fix this. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment