Jump to content

Help Sizing Gallery Reel on Mobile

Recommended Posts

Posted

Can someone help me figure out the Gallery Slide Show Reel? It used to work great for me, so I don't know if there has been an update or what, but the spacing and borders are all wrong now. I added CSS to help with the desktop border, but the mobile's ratio and auto-fit are completely wrong. Please see the code I have entered, which is NOT working, and recommend any tricks/coding you've found to help the mobile gallery reel autofit in mobile. Thanks in advance!

Image 3-16-23 at 9.18 AM (1).jpeg

Image 3-16-23 at 9.18 AM.jpeg

Image 3-16-23 at 9.18 AM.jpeg

  • 2 weeks later...
Posted
On 3/31/2023 at 4:57 AM, jblpropel said:

www.cafealmacincy.com/in-the-news

Add to Design > Custom CSS > then save & reload the site

/* Mobile - Reels */
@media screen and (max-width:767px) {
.gallery-reel[data-width="inset"] {
    height: 35vh !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!)

Posted

Thank you so much! I changed the max-width to 667 because the image was not completely visible and this code worked perfect. I appreciate your help (and saving me hours of frustration)!

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.