Small Screen sizes Slider Images Not Responsive

Ask your query related with Ultimate Responsive Image Slider Pro plugin In this Forum

Moderator: forum_m

Post Reply
femmebody
Posts: 3
Joined: March 23rd, 2016, 1:14 pm

Small Screen sizes Slider Images Not Responsive

Post by femmebody » March 29th, 2016, 8:15 am

Hey Guys,

On my http://femmebody.com.au/ on smaller sceen sizes the images are not resposive, I would like them to contain to the screen size, width wise due to some of my slides having text on them and currently it is cropping the image.
Is this a setting or css change I need to make?
Any help would be great!

support_staff
Posts: 7147
Joined: February 26th, 2015, 1:40 pm

Re: Small Screen sizes Slider Images Not Responsive

Post by support_staff » March 30th, 2016, 1:25 pm

Hello femmebody,
for making it responsive, please add the following section of code in custom css-
.slider-pro img.sp-image{
width:100% !important;
margin-left: 0px !important;
}
.sp-image {
position: absolute !important;
}
NOTE: Do not use style tags in custom css.
It will resolve your issue, in case if you find any problem, please let us know.
Thanks.

femmebody
Posts: 3
Joined: March 23rd, 2016, 1:14 pm

Re: Small Screen sizes Slider Images Not Responsive

Post by femmebody » April 4th, 2016, 1:06 pm

Thanks Guys,
Putt that in and it solved with width issue, but now the height is being used in the slider settings as you can see its stretched out.
How to make it so the height of the slider is responsive to the width?
Thank you.

support_staff
Posts: 7147
Joined: February 26th, 2015, 1:40 pm

Re: Small Screen sizes Slider Images Not Responsive

Post by support_staff » April 4th, 2016, 2:09 pm

Hello femmebody ,
so...do you want to reduce the height of the images..??
Thanks.

femmebody
Posts: 3
Joined: March 23rd, 2016, 1:14 pm

Re: Small Screen sizes Slider Images Not Responsive

Post by femmebody » April 5th, 2016, 12:13 pm

support_staff wrote:Hello femmebody ,
so...do you want to reduce the height of the images..??
Thanks.
Hey Guys,
thanks for your prompt response, my slider has within the settings a height of 600, when it's a small screen it is now the correct width but the height is still 600.
I guess the question is, how to make the height relative to the css code you posted above so it isn't stretched height wise now?

Cheers

support_staff
Posts: 7147
Joined: February 26th, 2015, 1:40 pm

Re: Small Screen sizes Slider Images Not Responsive

Post by support_staff » April 5th, 2016, 12:39 pm

Hello femmebody,
in responsive to the above css, you can add the following code in custom css, to make the height adjustable.

.slider-pro img.sp-image{
height:75% !important;
}
Thanks.

Post Reply

Return to “Ultimate Responsive Image Slider Pro”