Responsive Slideshow

Beaver Builder
1

Hi!

Is there any way to make slideshow module full screen on mobile? Or to make it display it as a gallery grid?

Thanks,
Kuba

2

Hi Kuba,

What do you mean by full screen on mobile? Unfortunately, the Slideshow module isn’t a gallery and therefore, can not be used as a gallery grid.

If you want this functionality, you will want to either use the Gallery module or a third-party plugin.

Thanks,
Danny

3

Hi Danny,

What I mena is to display photos full width like with option lightbox option in gallery, or force it to display in bigger size than now. Right now when I use slideshow module on mobile photos are to small.

Thanks,
Kuba

4

Hey Kuba,

Sorry to say but that’s actually how the Slideshow module works. Can you try using the Content Slider module instead, follow the steps below, and see if it’s what you’re looking for?

  1. Set the minimum height setting to 0
  2. On each slide, set the background to none
  3. Set the content to Text & Photo, but leave the Heading and Body blank
  4. Set a Photo for each slide
  5. Hit the style tab, under Text Position, set the width and margins all to zero
  6. Add the CSS below. ``` .fl-content-slider .fl-slide-foreground { max-width: 100%; } .fl-slide-foreground .fl-slide-photo-img { width: 100%; } @media (max-width: 767px) { .fl-slide-content-wrap { display: none; } } ```

This should create a full width slider which works fine on mobile view. Just make sure your images have the same dimensions to prevent the browser from jumping up and down. :slight_smile:

Let us know how it goes!

Ben