Forum Support

Shape 5
March 28, 2024, 07:27:14 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: S5 Image and Content Fader v3 - responsive full screen padding problem  (Read 491 times)
redback
Jr. Member
**
Offline Offline

Posts: 89



« on: 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

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: February 05, 2016, 02:04:26 PM »

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

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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
redback
Jr. Member
**
Offline Offline

Posts: 89



« Reply #2 on: February 05, 2016, 04:52:00 PM »

Hello,

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

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: 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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
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.