Forum Support

 
Advanced Search


[1]

Offline redback
Free Member
Posts: 89

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

Logged

Offline jonahh
Free Member
Posts: 23789 WWW

Please add the following to your custom.css file and this should fix the issue:

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

Offline redback
Free Member
Posts: 89

Hello,

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

Logged

Offline jonahh
Free Member
Posts: 23789 WWW

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.
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.02 seconds with 21 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.