Quote

We're also available for Custom Joomla Development

Hire us now

Responsive Banner Slider image aspect ratio

Hi there,

I have responsive banner slider running 6 identical sized images on my websites homepage, when i shrink the window size, the images decrease in width to fill the browsers window, however the banners always stay at 400px in height.

How can i make the images preserve their aspect ratio with different window sizes?

Thanks!
       
  • Replied by admin on Wednesday, February 10 2016, 04:10 AM · Hide· #1
    Hi, Can you tell me what animation type you use? Also, Can you let me know the URL of your site so I can take a look?
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by cleanerimageltd on Wednesday, February 10 2016, 10:53 AM · Hide· #2
    Hi, its currently on slider type: sequence, Theme: style 2.

    URL is: www.cleaner-image.co.uk
  •  
  • Replied by admin on Wednesday, February 10 2016, 06:06 PM · Hide· #3
    Hi cleanerimageltd,
    The problem is, the height of the wrapper for sequence effect cannot be 'auto', it's need to be defined with a fix size.
    As a workaround, I have added option to define height value for tablet size and mobile size screen for sequence type 2. Can you try it and let me know the result?
    You can re-download the updated module from here https://www.templateplazza.com/items/responsive-banner-slider-joomla-module
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by cleanerimageltd on Thursday, February 11 2016, 08:41 AM · Hide· #4
    Hi there,

    This seems to work, however the caption text taken from "Alternative Text" in the banner itself gets cropped when the image is reduced in width, is there a way to make the alternative text break on to a new line when there is no space for it?

    Cheers!
  •  
  •  
    Replied by admin on Thursday, February 11 2016, 01:09 PM · Hide· #5
    Hi, can you try to add this code to your css file :
    .subseqtitle {white-space:normal!important}
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
Your Response
Please login first in order for you to submit comments