Expand Mobile View of Gallery Carousel

You want to create width/height gallery (under header) on mobile only?

I want to increase the height of a carousel gallery on mobile only...the carousel displays nicely on desktop and tablet however it is very small on mobile and I would like it to be larger on mobile only

Try adding to Home > Design > Custom CSS

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

Thanks!  Ill give it a try!

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?

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.

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?