how to stop slider from becoming too small

1 reply · opened May 2, 2016

Rrec111May 2, 2016

http://advantethinktank.com/tahoe2/Build/home/

This is where we have the slider currently implemented. This is just a test site to show what it looks like

The slider, at regular viewpoints (1024x768, 800x600) is unbelievably small in terms of vertical height. How can the slider be fixed to stay within certain constraints like no smaller than 600px tall but no taller than 1000px tall and width is sized appropriately?

SSemicolon WebSTAFFMay 2, 2016

Hello,

This is Definitely Possible. You can use the Responsive Heights Functionality to increase/decrease the Height of your Slider based on the Screen Size. Make sure that you first remove the .full-screen Class from the #slider Element. Then use the Responsive Heights Functionality as follows:

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. Let us know if we can help you with anything else or if you find any issues.

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