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

Stop cropping from full width slideshow: reel, gallery on mobile


connorphiland97

Question

Site URL: https://lanternfish-synthesizer-3eh7.squarespace.com/config/settings/site-visibility

Hi,

On my 7.1 website: https://lanternfish-synthesizer-3eh7.squarespace.com/chris-robertshaw (Password: concrete),  I am having an issue where on mobile, my gallery (slideshow: reel) is cropping both sides of my images. This is at the bottom of the page in a key projects section, there is text on the images so I want these to still show. 

Does anyone know if there is a way to stop this cropping from happening and have the full width of each image?

Desktop view:

image.thumb.png.da3fa571c5a62d594d52de2d487e66ce.png

Mobile view:

image.png.092fa632c098f980e12e022eddbf6316.png 

Link to post
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Site URL: https://lanternfish-synthesizer-3eh7.squarespace.com/config/settings/site-visibility Hi, On my 7.1 website: https://lanternfish-synthesizer-3eh7.squarespace.com/chris-robertshaw (Pas

Posted Images

7 answers to this question

Recommended Posts

  • 0

Any updates on this? i feel like this is pretty important to fix isnt it? what other alternative solution is there? i dont see a way to format the way the image is displayed on mobile. HELP SQUARESPACE!

Link to post
  • 0
On 6/22/2020 at 2:06 PM, rwp said:

Post a link to your page so we can help.

I'm looking for help on this issue. The site I'm working with is jamiebiver.com

Link to post
  • 0

This is what helped me in the Custom CSS box

Quote

@media screen and (max-width:767px) {
.gallery-reel {
    height: 40vh !important;
}
}

 

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...