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

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

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 

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

Hey @tuanphan

Thanks for getting in touch! Unfortunately through talking to Squarespace Support they were not able to resolve this for me at the time, would you be able to find out how your client achieved this?

Share this post


Link to post
  • 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!

Share this post


Link to post
  • 0

Post a link to your page so we can help.


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


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

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