PDA

View Full Version : Featured Content Slider v2.51 Responsiveness



Paramasivan
07-22-2018, 11:41 AM
1) Script Title: Featured Content Slider v2.51

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

3) Describe problem:

Please see http://thegreatestthingsinceslicedbread.com/77470lomavista-pnp/

I used the featured content slider for above and http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm for the thumbs. All the thumbs are displaying as in http://thegreatestthingsinceslicedbread.com/77470lomavista-pnp/index2.html

I need

Responsive height for the Featured Content Slider

contentslider.css


* {
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

Deadweight
07-24-2018, 01:14 AM
You would have to use the media tag. Please read: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Paramasivan
07-24-2018, 08:51 AM
Media queries are not working. Images are not getting resized. http://thegreatestthingsinceslicedbread.com/77470lomavista-pnp/

Paramasivan
07-24-2018, 01:24 PM
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


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