Expand Mobile View of Gallery Carousel

Site URL: http://www.jensymes.com/home

I am wanting to expand the parent container for my carousel gallery to expand the view in mobile only and leave the gallery dimensions alone in tablet and desktop view.  

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?

Same, I tried the CSS and the images got cut off. Would love to see if there is a solution.

Did you find a solution for this? I'm having the same issue!

12 hours ago, CarissaBlossom said:

Did you find a solution for this? I'm having the same issue!

If you share site url, we can check easier

im having the same issue

On 12/21/2020 at 12:25 PM, ICS_ said:

im having the same issue

If you share site url, we can check easier

On 12/22/2020 at 2:24 AM, tuanphan said:

If you share site url, we can check easier

weenonline.org

site PW:  WEEN_

same issue. Is there a solution?

Hi I am also having this issue. I would like all of my carousel ads throughout my site to appear larger on mobile view. My website is www.zacalleninteriors.com . I use the carousel for product photos in my blog posts. 

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 

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 

Can you share link to page where you use carousel?

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.