Shape 5

Joomla Templates => Eventfull - Club => : redback February 04, 2016, 10:44:55 PM



: S5 Image and Content Fader v3 - responsive full screen padding problem
: redback February 04, 2016, 10:44:55 PM
Hello,

Joomla 3.4.8
S5 Image and Content Fader v3 - 3.7.0

There is a large black area top and bottom of the S5 Image and Content Fader on mobile devices that I cannot remove.

http://centralaustralianroughriders.asn.au/

Thanks



: Re: S5 Image and Content Fader v3 - responsive full screen padding problem
: jonahh February 05, 2016, 02:04:26 PM
Please add the following to your custom.css file and this should fix the issue:

:
.jdGallery .slideElement {
    background-size: cover !important;
}


: Re: S5 Image and Content Fader v3 - responsive full screen padding problem
: redback February 05, 2016, 04:52:00 PM
Hello,

Image is now vertically placed (very high and narrow) not horizontal looking.



: Re: S5 Image and Content Fader v3 - responsive full screen padding problem
: jonahh February 08, 2016, 11:18:25 AM
Yes this is how it fills in the top and bottom black areas by the covering CSS I gave above. There is not anyway to physically change the image proportionally because you are going from a situation with a desktop screen that is wider than it is taller and the image itself is widescreen. To then a mobile screen where this is flipped, taller than it is wide. So you either have the image fit the new mobile width which will then show black areas top/bottom as the image resizes in width to fit proportionally in the mobile screen. Or use the CSS I gave to them cover the whole visible area on mobile.