Summary block won't center on larger screens

Site URL: https://hypersphere-silver-mb5a.squarespace.com/

Hi there,

I've searched high and low but can't find how to resolve this one. I'm using a summary block (wall layout). On smaller screens the layout looks good and is centered, but on larger screens the content remains left aligned. Any ideas on how to resolve this?

Site is: https://hypersphere-silver-mb5a.squarespace.com/

Password is: candle670

Thank you!

On 4/16/2021 at 9:09 AM, lofocooking said:

Site URL: https://hypersphere-silver-mb5a.squarespace.com/

Hi there,

I've searched high and low but can't find how to resolve this one. I'm using a summary block (wall layout). On smaller screens the layout looks good and is centered, but on larger screens the content remains left aligned. Any ideas on how to resolve this?

Site is: https://hypersphere-silver-mb5a.squarespace.com/

Password is: candle670

Thank you!

You are using the masonry style, the items are distributed using code so the placement won't be center on big screen, do you want to keep the layout on smaller screen and make it grid-like on larger?

Is there no way to keep the masonry layout on both and have it centered on both? I feel like this should definitely be possible (I just can't work out how to do it).

Ideally not looking to use a grid layout on larger screens but if that's the only option then I guess so.