Featured Content Slider v2.51 Responsiveness

1) Script Title: Featured Content Slider v2.51

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentslider.htm

3) Describe problem:

Please see http://thegreatestthingsinceslicedbr...lomavista-pnp/

I used the featured content slider for above and http://www.dynamicdrive.com/dynamici...epcarousel.htm for the thumbs. All the thumbs are displaying as in http://thegreatestthingsinceslicedbr...np/index2.html

I need

Responsive height for the Featured Content Slider

contentslider.css

Code:

---

* {
        box-sizing:border-box;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/

width: 100%; /*width of featured content slider*/
max-width:2000px;

height:850px;

}

.sliderwrapper .contentdiv img {
        width:100% !important;
        height:auto !important;
}

---

How to make the slider responsive for small devices?

Thank you

You would have to use the media tag. Please read: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Media queries are not working. Images are not getting resized. http://thegreatestthingsinceslicedbr...lomavista-pnp/

It is working to some extent ; I made media queries and also made widths as 100%

I want the prev and next arrows to be always in middle height of slider.

Current CSS

Quote:

---

.prev, .next {
position: fixed;
top:47%;
z-index:1000000;
}
.prev {
left:3%;
}
.next {
right:3%;
}

---