Slideshow massive padding in responsive views - Forum | JoomShaper
Awaiting an answer SP Page Builder

Slideshow massive padding in responsive views

Asked by Alison 3 years ago Last activity 3 years ago

HI

I have a slideshow on the homepage that links to vimeo video links.

In a large screen it looks fine, but as screen size goes down in size it puts an increasing amount of top and bottom padding around the slideshow, so by the time you get to mobile portrait view it is surrounded above and below by white space.

Here is an example
https://www.dorset-aptc.gov.uk/images/Slideshow%20screenshots.jpg

I have checked the padding and margins for the addon and for the row and they are all set to zero

This site has gone live today and we need to sort as soon as possible.
Can you help me please?

Thanks
Alison

p.s. while I am waiting to sort the out I have put a static image slideshow in place on smaller screens.

7 replies

Oldest first Newest first Most helpful
Alison Asked this
3 years ago

Can I have some help with this please?

Paul Frankowski Senior Staff
3 years ago

Hi Alison,

I have CSS tip that may help:

.sp-slider .sp-item .sp-video-background {
  height: auto;}

of course you can use with mix of @media screen and (max-width: VALUEpx) { .... } for chosen resolution.

Alison Asked this
3 years ago

Hi Paul

The CSS tip helps by removing the blank space above the slideshow, but the blank space below it just increases the smaller the screen gets.

More help please :|

Thank you.

Paul Frankowski Senior Staff
3 years ago

Opsss.. remove my previus css.

let me think

Paul Frankowski Senior Staff
3 years ago · edited

can it wait till tomorrow?

Alison Asked this
3 years ago

Sure, thanks Paul

Alison Asked this
3 years ago

ARe we any nearer solving this responsive issue plesae?

Log in to reply.