shacksonracks22

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.

Hi Kate,

Also facing an issue with Mapbox's interactive map and Squarespace. The code block seems to have worked, but the content box on the Squarespace page isn't expanding to accommodate the full map: https://www.shacksonracks.com/test

The go-to response to Mapbox-related questions seems to always be to use the Advanced Map Tool instead. This is frustrating and unhelpful after having put so much time into something that can work... just seems to be a choice by Squarespace to not make the compatibility easy.

Good luck; I'll update you here if I find anything that works.

Ryan

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%;
      }