Frames_by_Saurabh

Thanks for all your help, Ryan. I really appreciate it.

I removed the code and it works fine but looks terrible on mobile screens due to 2 pics/row. So i guess i have to choose between the mobile view looking correctly or the page working smoothly!

If any Squarespace admin/engineers are looking at the forums, please do realize we pay for your site which promises better/easier features without any compromises! This is all very frustrating.

Thanks, Ryan! 

That worked although it added a weird jankyness to the scrolling. Images jump up/down sometimes. Happens on both Iphones and Android phones. 

Any ideas? 

Can anyone assist here? 

Thanks! 

Thanks for the prompt reply, Ryan.

It didn't seem to work unfortunately. There was a margin issue which I could fix by adding

margin-bottom: 20px !important;

to the code.

But the bigger issue is my bottom section of the page, which has the "Go to Top" and the Footer, get moved up (screenshot added). I believe this has something to do with the height value somewhere.

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

Hi!

It seems Squarespace has changed the mobile view for 7.1 Grid Masonry to show 2 images per row instead of 1 image per row on mobile view. Is there a way to show only 1 image per row using CSS?

Website: www.framesbysaurabh.com

Thanks in advance!!

So it looks fine for the images up top but if you scroll down you will see that the bottom elements of the website like the "Go to Top" section and the Footer section get moved up and are displayed in the middle of the gallery. It has to do something with the height values.

The same issue occurs on @pneufeldt 's website too, he had the same issue above (his website).

Thanks for your time!

Glad I wasn't imagining the grid view changes on mobile view! Not sure what the guys at Squarespace were thinking when changing that.

@tuanphan I tried your solution posted above but unfortunately it didn't work for me. Would you mind assisting me? My website is www.framesbysaurabh.com

Thanks!!