Width of Bandsintown block on mobile.

Hi,

On my bandsintown block, the RSVP button on the far right runs off the screen on mobile view. I've tried custom css that I saw posted in an other thread:

@media only screen and (max-width: 640px) {
  #collection-5fba9bfd8aa7f2271d97c313 .sqs-block-image {
    width: 80%;
    margin: 0 auto;
  }
}

using the block ID instead of #collection-xxxxxxxxxxx from the Chrome plugin but didn't seem to do anything regardless of how I change the values.

The block is on the main page so the individual page code injection isn't an option.

Related to this:

I am also trying to figure out how to get a nicely formatted date with year included, such as "Monday, April 2, 2023"

Hi,

Can you share link to page where you have problem? We can check easier

On 4/2/2023 at 5:40 AM, tuanphan said:

Hi,

Can you share link to page where you have problem? We can check easier

Thanks. I ended up just using the widget directly from bandsintown for now, as I had to start sharing the site with promoters.

But in the long run I would still like to use the squarespace instantiation. I still am trying to figure out how to get the year to appear. 

Here is the page (which is not linked from anywhere on the live site). https://www.debashishbhattacharya.com/old-bandsintown