Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
jon837

Images and galleries not great on mobile

Recommended Posts

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

Hi, I recently designed my own portfolio website on squarespace 7.1 and am pretty happy with the design on desktop view, however the gallery blocks on mobile view have horizontal gaps between the images where there should be zero space and I cannot get rid of them.

The other major issue I have, is that full bleed images I've included lose their aspect ratio on mobile, and despite selecting a central view point with the dropper, the crops don't look great at all. I suspect I'm stuck with this, but saw another post asking for help on images on here – https://www.luckyandson.co/our-work/loveandwonder – and that site has responsive images without any cropping.

If anyone has any ideas to help with these two problems that'd be a massive, massive help. Thanks in advance!

Share this post


Link to post
30 minutes ago, jon837 said:

 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* remove gap */
figure.gallery-grid-item {
    padding-bottom: 0;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...