Jump to content

Slideshow: Reel — Optimize for Mobile

Recommended Posts

I am modifying a site for mobile and there's a gallery fully of sponsor logos. On mobile, it only shows one logo and it cuts it off. 

Question: Is there a way to show 2 logos at a time without them being cropped?

I can't share the url for the site, but here are the slideshow settings:

Screenshot2024-08-17at1_24_52PM.thumb.png.a18cb3e2d30428d47916abe8ae27b4d2.png

 

What it looks like on desktop:

Screenshot2024-08-17at1_26_24PM.thumb.png.155f7296b3e8c53355dea32c9659baba.png

On mobile:

Screenshot2024-08-17at2_10_24PM.thumb.png.81d33802703cd35caf1d760537e3084d.png

Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan | Westerly Creative Studio
  
 🍪  Still need your website policies?
Termageddon makes it easy.  
Get 10% off your first year! (< affiliate link) 

Link to comment
  • Replies 5
  • Views 512
  • Created
  • Last Reply

Top Posters In This Topic

I'm moving to new room so a bit slowly reply

You can use this CSS code then save & reload the page. If it doesn't work, you can share url, I can check easier

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@tuanphan It didn't work (it just cut off the top and bottom of the logo more), but that's okay! I ended up adding another that I formatted for mobile and then used CSS to hide it on desktop / hide the desktop carousel on mobile. 

Hope the move went well! 😊

Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan | Westerly Creative Studio
  
 🍪  Still need your website policies?
Termageddon makes it easy.  
Get 10% off your first year! (< affiliate link) 

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.