Image Block Not Showing on Site?

Site URL: https://www.hellodigitalco.com/

I am using Squarespace 7.0 - Brine Template. I have a Collage Block in the top header of the homepage on my site, which I can see when I'm in the editing version (screenshot attached). However, this collage block disappears when I go to my site directly. I've checked it on Chrome & Safari and the block disappears. Any ideas?

Hi. Have you solved this yet? 

@tuanphan can you help?  I'm having exactly the same issue at www.BarbaraAnneHarrisFineArt.com can you check it out for me to see why?  I did use square kicker to edit the location, and I am intentionally leaving no image in the block because I want it to overlap the background image.  Hoping you can think of a fix, thanks!!

@DevonHarris

Could you provide a screenshot of where the block is supposed to be? Or describe in more detail? I'm seeing a number of images that could be background images.

@creedon this is how it should look:

Hopefully you can figure out a fix- I tried editing the z-index and everything 😞

@DevonHarris

If there is no image SS considers the block incomplete and basically empties it upon display to the user.

Adding a 1 pixel transparent png file should make it work. I've attached one.

Let us know how it goes.

@creedonawesome thank you so much!!   How did you create that PNG?  Photoshop isn't letting me save.  And I can't figure out how to download the link you sent lol 😂. Thank you!!

It's been awhile since I've used Photoshop but in days past to do PNG and other web formats there was an Export > Export As...

It could also be the color space your are using might not be allowing the PNG to show on the Save As menu item. RGB with alpha seems to be the best.

Let us know how it goes.

@creedon would you mind taking a look at the mobile version?  It’s making the section super long not sure how to fix, already tried min-width:0px. Domain is now www.BAHFineArt.com thank 🙂

@DevonHarris

I'm not sure what is going on there either. It does have something to do with the image block.

I'm wondering if a different strategy should be used for that element. A plain text block with some CSS to change it into a block with a white background perhaps?

If anyone else can fix the image block please feel free.

@creedon you're right.  I added a text block with the bottom two 'words' linked, and then styled the links in css by targeting the block they belonged to.  Thanks again!!