Slider height

1 reply · opened Mar 26, 2017

22woonyMar 26, 2017

Hi,

I want to slider to match a image.

width 100% => height will be ratio fit not overflow

Could you help me?

SSemicolon WebSTAFFMar 31, 2017

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