Docs

[Basstimg]

Hi my site is http://elastic-lounge.com/

I am struggling to make the background images responsive to mobile and tablet on the slider revolution. I have been able to do it on other slides but the one on my site now no matter how many vids i watch etc the images just wont resixe. Can you help ?The content is limited as i i din’t want to make the full slide show until i can make it repomsive and hopefully with your help i will be able to as i love it on pc screeb.

[Nico]

Hi There,

Thanks for writing in.

I could see that your background is responsive however the text are not.

You could follow the link below on how to setup a responsive text

https://community.theme.co/forums/topic/x-slider-responsive-text/

Hope it helps.

Let us know how it goes.

Thanks

[Basstimg]

Hi thanks for the advice unfortunately i have triedo follow the suggestions and it didnt make any difference the text looks fine (or i can sort on phone view) but the pictures still arent scaling which is my main issue and what i need resolved any support or help gtatefully appreciated. Also only all 3 slides show on the larger screens but do not show on phones.

[Christopher]

Hi there,

Please try following code one by one under customizer and check which one works better for you :

.tp-bgimg.defaultimg {
    background-size: contain !important;
}

.tp-bgimg.defaultimg {
    background-size: 100% 100% !important;
}

Please consider background-size property has limitation.

Hope it helps.

[Basstimg]

Hi

Thanks for the message thefirsdt one made more wite spcace between the nav bar and slider the second one is beteer but it has a horrible resize of picture (jerky and obvious) after about a second then it looks nice. They look better on the phone settings on Corner stone and scale correctly but this is transl;ated into looking at the site on my phone ?

[Basstimg]

Sorry i meant it doesnt rescale on my actual phone (iphone)

[Friech]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Basstimg]

This reply has been marked as private.

[Christopher]

Hi there,

As I mentioned previously it’s the limitation of background-size property.
If you’re not satisfied with the result, please use visibility option (under section’s settings) and add another slider with smaller image for mobile.

Hope it helps.

[Author]

Posts