Slider height full-with

1 reply · opened Jan 28, 2019

Mmatzemann88Jan 28, 2019

Hi,

we want to have not full-screen sliders but sliders with responsive height.

In the 3.x version we simply added data-height-lg="850" data-height-md="800" data-height-sm="600" data-height-xs="500" data-height-xxs="400" go get this work. But now, nothing happens, only when we start resizing the browser window, we get the right values.

Our code:

`<section id="slider" class="slider-element slider-parallax swiper_wrapper full-width clearfix" data-height-lg="850" data-height-md="800" data-height-sm="600" data-height-xs="500" data-height-xxs="400" data-autoplay="7000" data-speed="650" data-loop="true">

SSemicolon WebSTAFFJan 31, 2019

Hello,

The codes you are using have been outdated due to Bootstrap 4. Please use the following codes instead:

data-height-xl="850" data-height-lg="800" data-height-md="600" data-height-sm="500" data-height-xs="400"

This will definitely work fine. Hope this Helps!

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