WhitneySmith Posted May 18, 2023 Posted May 18, 2023 I'm having trouble embedding a third-party map on my website. I've used the embed block and the code block and both will display but not at 100%. It shows up very narrow and I can't figure out how to make the block bigger so that it shows the full map. This is the code that the third-party gave me: <iframe style="height:100%;width:100%;" src="https://wandermaps.link/Tourism-Cares" title="Tourism Cares"></iframe>
Solution Ziggy Posted May 18, 2023 Solution Posted May 18, 2023 You need to change the height:100%; to an absolute value, so something like 800px or maybe 80vh. WhitneySmith 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
WhitneySmith Posted May 19, 2023 Author Posted May 19, 2023 Thank you! This worked, I appreciate your help 😀
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment