laszlod Posted May 29, 2023 Posted May 29, 2023 (edited) Hi, I have an alignment issue with an iframe, which is inserted as: <iframe src="https://www.google.com/maps/d/u/0/embed?mid=10QuxzuB90p3JKR_7V1Bo98mGehHdOvw&ehbc=2E312F" width="960" height="550"></iframe> and it displays a Google Map with pins on it. (You can see it here.) When I open the site on a mobile device, this object appears oddly. Is there a way to make it seem okay both on a desktop and on mobile? Thank you, David Edited May 29, 2023 by laszlod
karan Posted May 29, 2023 Posted May 29, 2023 Hi, Change width of iframe to width="100%" It will solve mobile responsive issue. Here is the code <iframe src="https://www.google.com/maps/d/u/0/embed?mid=10QuxzuB90p3JKR_7V1Bo98mGehHdOvw&ehbc=2E312F" width="100%" height="550"></iframe> With over 450+ websites built, I create uniquely tailored Squarespace sites designed to meet your specific needs and preferences. Let's bring your vision to life! 💻✨ Check out My Fiverr Gig: Click Here ------------------------------------------- Please like and upvote if my comments were helpful to you. Cheers! Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment