Jump to content

Embedded Map Leaves Blank Space in Mobile Version

Recommended Posts

Hello All,

I have come across this issue on several forum posts here and elsewhere which have been solved with CSS, but none have worked with my site.

I have embedded an interactive map plugin on my 'Markets' page, but when i view it on my mobile phone there is a large blank space beneath the map (see below)

No description available.

 

any help would be much appreciated. Thanks.

Link to comment
  • Replies 9
  • Views 360
  • Created
  • Last Reply

Top Posters In This Topic

Happy to have a look at this for you. Can you share the URL and page that this is occurring on? Thanks!

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Very interesting, but I don't see the space underneath the map, it stretches to fill the space when I look at it.

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

It looks like you have a fixed height set on this element, highlighted yellow:

image.thumb.png.59c5240ab23bf6b5471b337da8033590.png

The fixed height 720px is also on the SVG element, can you adjust that in the embed?

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I would suggest that the stretching is being done by the code rather than squarespace, you can see here that the FE grid is being stretched significantly:

image.thumb.png.6a411245837dd94258aeffd9f4d0b69e.png

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.