Jump to content

Need help resizing area for map

Recommended Posts

Site URL: https://www.shacksonracks.com/test

How can I go about resizing the Squarespace content box to allow the full map to display? This was made with the Mapbox API, so it's all code that draws interactive data from a Google Doc. There is no embed code with positioning to customize.

There is some positioning code (below) that I've tried changing around and while it does change the placement of the map on my editor, changes don't affect its positioning on the Squarespace page which makes me think there has to be an edit made to the size of the Squarespace content box to allow the full map to display.

     #map {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
      }
 

Screen Shot 2022-04-07 at 10.09.33 AM.png

Link to comment
  • Replies 2
  • Views 211
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Sorry, it's now published at https://www.shacksonracks.com/demolition-map

I was able to play around and found a semi-workable solution with this: 

  #map {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 650px;
      }

But it still doesn't seem to change the size of the content box. Had to turn off the social links (seen at bottom right of the screenshot in the above post) because they were visible through the map, and any text content blocks I tried making to show below the map just ended up behind the map and slightly visible through it.

Edited by shacksonracks22
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.