Jump to content

Why does the mobile version of my website have black blocks in the tiles?

Go to solution Solved by creedon,

Recommended Posts

The website is fine on widescreen view. However, on mobile devices, some of the tiles have black blocks at the bottom of them. Older pages seem to be fine, but ones that I have edited recently both seem to suffer with the same issue. I've tried resizing the image/text, and nothing seems to get rid of the black block. Can anyone help me get the whole tile to have the same colour background please?

Screenshot_20231022_135101_Samsung Internet.jpg

Link to comment
  • Solution

The following custom CSS is involved in your issue. Remove it.

  figure[style] {
    transform:initial !important

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.