Jump to content

Expand Mobile View of Gallery Carousel

Recommended Posts

  • Replies 18
  • Views 2.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 4 weeks later...

Hi Jen! Were you able to find something that works? I've been trying to do the same thing and can't figure it out. I looked at your site on mobile and it looks like you may have just switched to a different kind of gallery?

Link to comment
On 7/4/2020 at 2:38 AM, jjaina said:

Hi Jen! Were you able to find something that works? I've been trying to do the same thing and can't figure it out. I looked at your site on mobile and it looks like you may have just switched to a different kind of gallery?

If you share link to your site, we can check easier.

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
  • 3 weeks later...
On 6/3/2020 at 6:17 AM, tuanphan said:

Try adding to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.homepage {
	.sqs-gallery-design-strip {
      overflow: visible;
      height: 200%;
	}
}
}

 

When I increase the height of my carousel the images get cut off. Any solution for this?

Link to comment
  • 4 weeks later...
  • 3 months later...
  • 4 weeks later...
  • 3 weeks later...
  • 4 weeks later...
On 2/10/2021 at 2:28 AM, RubenAlza said:

same issue. used the code and while it did help with the mobile version of the carousel showing 1 image at a time at a bigger scale ... but its cut in half. like the page wont resize 

error page.jpg

Can you share link to page where you use carousel?

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
  • 11 months later...

Hi there, I am trying to accomplish the same. The carousel galleries look great on desktop, but on mobile, the height stays very narrow, so the images do not have the same impact. Trying to increase the height when viewed on mobile, but have tried various codes without luck. Here is a sample page: https://aspiretraveladvisors.com/travel-articles/three-luxury-hotels-on-the-island-of-sardinia

Thanks in advance.

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.