Hi,
I want to slider to match a image.
width 100% => height will be ratio fit not overflow
Could you help me?
1 reply · opened Mar 26, 2017
Hi,
I want to slider to match a image.
width 100% => height will be ratio fit not overflow
Could you help me?
Hello,
Unfortunately, this is not supported at the moment. Since the Slider Images are actually Background Images, they do not have a Specific Height set to them by default. However, you can definitely define your Custom Fixed Heights for different Devices using the Responsive Heights Functionality:
data-height-lg – Height for Large Devices >=1200px
data-height-md – Height for Medium Devices >=992px to 1199px
data-height-sm – Height for Tablets
data-height-xs – Height for Landscape Mobiles or Phablets.
data-height-xxs – Height for Portrait Mobiles
Example:
This will surely work fine. Hope this Helps!
Meanwhile, you can consider using Flex Slider for this to work properly. Check out the Documentation > Shortcodes > Responsive Slider Section.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard