Team member flip card blocks overlap (Squarespace)

šŸž Bug Reports
1

Hi! Iā€™m using the Team member flip card widget for a management block (3 p) and a board block (5 p) in Squarespace. The widgets work fine, except that they donā€™t seem to expand Squarespaceā€™s blocks vertically when shifting screen breakpoints. I get a lot of overlap (see enclosed image)!

Is there any way to resolve this? The same problem occurs in both Safari and Chrome, although with slight changes. Hereā€™s the URL: General 2 ā€” Novatron Fusion

Best regards, ///peter

Tablet
Tablet1466Ɨ2404 220 KB

2

@PeteTheViking Please try placing each widget in a separate block.

3

Thanks for helping out Kazem!

There are now four stacked separate blocks (with lots of vertical padding for illustration):

  1. Title: text ā€Executive management."
  2. Widget - Team Member flip card #1
  3. Title: text ā€Board."
  4. Widget - Team Member flip card #2
    Everything looks fine in Desktop layout, but breaks in Tablet and Phone: https://www.novatronfusion.com/our-team-new

Best regards,

4

@PeteTheViking Please try adding a margin or spacer between the two blocks in the mobile view in your website builder.

5

Hello again!

Nope, sorry. It doesnā€™t work, but I think I found the bug. It only happens if you choose not to display the ā€Main titleā€. If you switch the title on, the widget expands correctly. I can live with that, but then I need to set the correct font:

Iā€™ve uploaded my three custom fonts (Futura LT Pro - Normal, Medium, Pro), but no matter what I choose under custom settings for the Main Wrapper it defaults to Futura LT Pro Medium (that font is at the top of the font list). For some other items, e.g. Card Title, font selection seems to work ok.

Also, Iā€™m getting some weird artifacts in Chrome on MacOS (but not in Safari or Chrome on iOS):

Attachment.png1296Ɨ691 363 KB

Best regards,

6

@PeteTheViking Iā€™m looking into it.