Swiper slider with full image height

1 reply · opened Mar 20, 2017

JjohnjohnMar 20, 2017

Hello,

In your template index-corporate-3.html, the banner image resizes based on width of the (desktop) window.
Is there any way to always show full height of the banner? or with auto resize so that it always show full width/height?

thank you

SSemicolon WebSTAFFMar 26, 2017

Hello,

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!

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