Search the Community

Site URL: https://www.stelviopartners.com I have placed a Google map in a footer with the right size, but in the mobile view the height shrinks so much that the map is useless. So I am searching for a solution to change the height only for mobile. I have implemented this personalized code from Tuan Phan,@tuanphan but unfortunately, it doesn't work: @media screen and (max-width:640px) { #yui_3_17_2_1_1622210185104_922 .image-inset { padding-bottom: 60% !important; } } I have done quite some research but seems that not many have this same problem. Any kind of hint would be greatly appreciated. Cheers,🤩 Cris

Site URL: https://imagineinternet.net/signup I want to create a dynamic address lookup feature for my squarespace site! I can't figure this out...!!! I want the customer to be able to see if we provide service to their address. I like how the example provided autopopulates an address that they service in the dropdown: https://imagineinternet.net/signup If we don't provide it (to a database of addresses I can fill in in the backend), then I want them to be able to request service at their address. Would really appreciate any suggestions, thank you very much!

Site URL: https://ferret-bird-3rl2.squarespace.com I have to complete this one-page site by Friday. (I'm a first timer, and client getting impatient.) 1. I am able to delete the white space around the map on the desktop, but it is still showing on mobile. Tried to transfer the same coding with the media query, but can't seem to make it work. (see photo) 2. All of the sudden the site is too wide on both desktop and mobile. There's a horizontal scroll! Absolutely lost on this one. (see photo) And my hands are tied by client creatively ("plain, boring, no color pop..."), so if you have any design tips, I'll take 'em. Thanks for any and all help! site: https://ferret-bird-3rl2.squarespace.com pw: blahblahblah

Hey! Sorry if this has been answered elsewhere, I did a search and couldn't see anything. I've created a map for my client via Snazzy maps (he needed something with a lot of location markers so the normal map widget wouldn't suffice). He's now asked if it is possible for the users GPS location to be displayed on the map when someone is on the page. I assume it's not possible as there's no option in snazzy maps itself. But wonder if there's a way around that as it's basically taking google maps and adding a skin to it. Cheers, Ian

Site URL: https://hillaryjordan.com/TOUR I'm doing mostly virtual events these days, but I can't seem to get rid of the map in the location section. And deleting the location doesn't seem to be an option in design-->site styles in v. 7.0. My events are held all over the country, so I would also like to add a P.S.T., C.S.T. etc after the event time instead of having to put a separate line in the copy. If anyone could help I'd be grateful!

Site URL: https://www.powerlitefitz.co.uk/contact/ Would this sort of map be possible on Squarespace. Our business is deciding if we should move to squarespace however we need this MAP SVG contact page. The person that made this custom map has now left so we don't have an inhouse expert so any help would be appreciated. thanks

So, I want to add a map like this one: https://www.childrensplayvillage.co.uk/play-areas/ labelled 'village map' whereby people can click on different areas of my premises which takes them to another page telling them about that particular area. Thanks very much for any help!

First time using Squarespace as an experienced web dev. Is there just no way to nest multiple folders within each other? Can one folder only hold pages and that's it? If so, that's really disappointing and limiting. Not to mention more difficult to maintain and visualize. I haven't had any luck searching the internet. Basically I'm looking for something like this.

Site URL: https://bagpipe-broccoli-k2x2.squarespace.com/ Hi all, I'm having trouble making the map on mobile larger at the top of the contact us page. (Link to that page is in the footer). I have put this code in to make the map full width on desktop and I think this code is causing the problem on mobile. /// Contact Us /// // Top Map // /* contact page map block full width */ section[data-section-id="61a6092201d66c32ef971e05"] { .content-wrapper { padding: 0 !important; max-width: 100% !important; } .sqs-row { margin: 0 !important; } .sqs-row .sqs-block.map-block { padding: 0 !important; } } Can someone please help me. Password to site is: test

Hey all - I have a client who wants to add a plugin to their site that will allow the ability to plug in a zip code and have the user alerted as to whether or not they currently service that area. I thought zipfinder was the answer, but that's just for specific locations (not a map delivery zone type plugin). Has anyone had experience with this? Any good solutions out there? Thanks in advance, x

Site URL: https://iguana-chinchilla-xt92.squarespace.com/location Hi, Does anyone know if it is possible to round the corners of your map block? I've tried block id and border-radius but it just makes the border rounded with the map over the top.... Also does anyone know how to add a transition on the :hover of a link? I'm trying to figure out how to transition my page links with a smooth in and out transition. pw for url: chocolate

I'm looking to add a map with a range of restaurants that can also have a few search features like price, and star rating, is there a way of making an interactive map - similar to the one in the image??

Site URL: https://www.admiralsselfstorage.com/contact-us Hi, I'm looking for help with making my map section full width and also having it flush with the green footer below. Thanks for your help!

Site URL: https://www.probonocouncil.org/get-legal-aid Hello, sometimes the interactive map we have coded pops up and sometimes it doesn't. I can't figure out what triggers it, but for the past week it has not shown up when I visit the site as a guest. Any advice is appreciated. Thank you!

Site URL: https://millnerproperty.com.au Hi, The inbuilt default map by squarespace is not suitable for what we're trying to achieve, so we built a custom html page with google api to display a custom google map with custom pins and multiple pins with cards. https://fluffyduck.com.au/millner/maps.html The issue - I can't find any information where / how to embed this into the site where required. If I choose 'code + html' it says 'script disabled' when it tries to load the google elements If I choose 'code + javascript' it simply displays all the html elements/portions If I choose 'embed' and put the above url in place, it attempts to parse it and just displays NULL - Hopefully I'm over looking something very simply here and hoping someone can assist. Thanking everyone in advance

Site URL: https://radish-gold-7356.squarespace.com/config/pages Hi all, I am currently using the trial of Squarespace I don't know much at all about coding, and am trying to use a Mapbox map in squarespace. I have the API, and the other elements needed. The code that I have, when inserted separately into a coding website (such as jsfiddle or codepen) renders just fine, but when I try to put it all together in HTML (so inject the Java and CSS) on Squarespace, I get the "script disabled" error. Maybe there's a problem with my coding? Or perhaps with how I 'm trying to insert it. Below is some code, if you could help that would be appreciated. Many thanks. <head> <script src='https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.js'></script> <link href='https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.css'/> <style> body { margin: 0; padding: 0; } #map { position: absolute; top: 0; bottom: 0; width: 100%; } </style> </head> <body> <div id="map"></div> <script> //or use style mapboxgl.accessToken = 'pk.eyJ1IjoieWFoeWFpYiIsImEiOiJja3RuMG9nMW0yMGt4MnBvNnYxcGhqc2drIn0.wa5pADZsWXW3FhKdaTJz7A'; const map = new mapboxgl.Map({ container: 'map', // container ID style: 'mapbox://styles/yahyaib/cktn2gd1e39v618jyllttb4cm', // style URL center: [-0.039,51.494], // starting position [lng, lat] zoom: 12// starting zoom }); </script> //or use style </body>

Is it possible to add multiple locations on a map? Thanks

Hello. Wondering if anyone can advise on embedding a mapbox map with multiple locations into a squarespace website. Ive copied the coding as recommended but it does not seem to work? Thanks, S.

Site URL: https://www.downtoearthadventures.com/ Hi, I added a google map to this site specifically so people could see the reviews that have been left on google maps. I added an Embed block and messed with the URL until it showed the correct business on the map (there are others with a similar name) When I checked back a few weeks later, I realized that the site had now linked to the wrong business somehow! I don't want to use the maps block because I need it to include the 5 star rating with link to reviews the way using the embed block does, but now when I insert the URL it directs to a totally different business (with a similar name). Any way for me to bypass the blocks and just manually add the map via CSS? Or anyone have any other ideas? Thanks! Site: Downtoearthadventures.com What I want to link: https://goo.gl/maps/JfyfmYcd3PhQhNux9

Hi all, Is there any way of increasing the height of the map block on mobile only? It's currently so skinny even though the height is proportionally larger on desktop. I have tried these bits of CSS code without luck though I'm likely targeting the wrong object. @media only screen and (max-width: 767px) { .sqs-block-map{ height: 200px !important; } } https://projectsinsider.com/project/3-rubida-court-endeavour-hills lifeisgood Thanks!

Hey guys! Quick question. Is it possible to set a website up so that when you sign up to the site (and give it your location) . your display picture appears on the main map on the homepage?

Site URL: https://tohora.squarespace.com Hi I am trying to insert a GPS tracking on one of the page. How do I do this? The idea is to have an evolutive map depending of the location. Cheers Marie

Site URL: https://www.mesaplazalaundromat.com/ Hi there, I'm having trouble figuring out how to put a square size map block next to an image block with no space in between. I'm going to make the image block a color, so the edges of the map and the image block have to match up perfectly and both full-bleed to the edges of the site. All the code I find is to make a split-screen with an image card, but nothing with the map. Pleasee help! Password to site is "Peanuts"

Site URL: https://rangerclub.uk We are looking to embed ideally a custom Google map with multiple pinned locations within a single layer. This is easily done but uses JavaScript / iframe which isn't in our Square Space plan. Are there any other viable options? Google Maps does allow exporting to KML/KMZ.

Site URL: https://travelfullthrottle.squarespace.com/config/ Hi folks! I've generated a clickable map through https://imagemapper.pageballoon.com/#/ and swapped in my image source. The image appears on my page and when I hover over a linked area, my mouse changes, and I can see in the bottom corner of my page where the link will take me. However, I cannot actually click and be taken to a page. *Update: I can right-click 'open in new tab' but still cannot just click on the dang thing. I've tried entering it as a Code Block and as an Embed Block. Both provide the same outcome. My site is: https://travelfullthrottle.squarespace.com/config/ and the password is throttle. Any chance for some guidance? Thanks!