Slider Sizing on tablet and mobile

How do I control the size of my slider images as I go from desktop to mobile? They, of course, are too small and not proportional. I tried to add a min width but that didn’t seem to do anything. Thanks!

Desktop

Phone

Link in the site is Team Sports Retreat. Password is Lakepoint.

Share Link


Here is my public share link: LINK
(how to access public share link)

Hi @jtk

Thanks for posting.

I recommend editing the slides’ width for tablet, landscape, and portrait breakpoints.

In this GIF example I set the slide width to 25% on tablet, 33% on landscape mobile, and 50% on portrait mobile. I then added some top margin to the lighbox link to center the images a bit more on the portrait breakpoint.

You can also move the arrow icons farther to the outside and decrease the left and right margin on sport slider mask to increase the image size.

Hope this helps! :slight_smile:

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.