[Tomasz Frydrych]

I added featured slider in the last days but I see strange behavior for different view widths. On the options height of the slider was set to 300px. I see that on the slider options there are few breakpoints defined: 1250, 980, 769

data-slick="{"slidesToShow": 1, "autoplay": true, "autoplaySpeed": 4000, "dots": true, "fade": true, "responsive": [{"breakpoint":1250,"settings":{"slidesToShow": 1}},{"breakpoint":980,"settings":{"slidesToShow": 1}},{"breakpoint":769,"settings":{"slidesToShow": 1}}]}"

but there is no info about the height change. When I change the width of the browser slider’s height is like follows:

<li style=”list-style-type: none;”>

• x > 980px – 303 px
• 769 < x < 980 – 503 px
• 640 < x < 769 – 363 px
• x < 640 – 333 px

The height of the element is defined in internal style attribute, not CSS

<div class="slick-list draggable" style="height: 303px;"></div>

so there is no option to modify height by CSS customization. Is there an option to change the height for mobile sizes?
Additionally the button and description are not displayed for mobile sizes. Any hint for this?

Regards,

Tomasz

[vako]

Hi Tomasz,

 

In order to assist we need to check your website from the back end, please install this 3rd party plugin “Temporary Login Without Password Plugin” which allows us to access your dashboard without sharing access details.

To better understand how the plugin works, please watch the video guide below: https://www.youtube.com/watch?v=EMu0e78OpJo

Please make sure to mark your reply as private to hide it from the public.

 

Kind Regards

[Tomasz Frydrych]

This reply has been marked as private.

[vako]

Hi Tomasz,

 

We added a custom CSS snippet to fix the issue, please check and let us know if it works for you too.

 

Kind Regards

[Tomasz Frydrych]

Hello,

Slider works fine. Thank you for your support.

Regards,

Tomasz

[vako]

Feel free to contact us at any time, we are more than happy to help.

 

Kind Regards

[Author]

Posts