Jump to content

Width of Bandsintown block on mobile.

Recommended Posts

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"

 

Edited by mikebabyak
Website address corrected
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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

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.