Return to previous page

Responsive lost when changing image size on Slider revolution

This topic has 10 replies, 3 voices, and was last updated 6 years, 9 months ago ago by Olga Barlow

zelener

Participant

April 25, 2018 at 14:17

Hi! I need help with slider revolution.

I had a slider responsive perfectly working. It size is 1170 x 600.
Now, I need to change slider size to 1170 x 300. So i changed original images with new images on the new size. But, this change broke responsive. I tried changing some slider configuration but I could not make ir work responsive again.

I need help please with this
Thanks in advance

#191951 Copied

9 Answers

Rose Tyler

Support staff

April 25, 2018 at 14:23

Hello,

Please check these tutorials – https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/ https://www.themepunch.com/faq/ideal-image-size/ https://www.themepunch.com/revslider-doc/layer-responsive-behavior/ https://www.themepunch.com/faq/incorrect-position-or-size-for-text-button-or-shape/

Regards

#191952 Copied

zelener

Participant

April 25, 2018 at 17:38

Hi, i understand that this tutorial is to make Text, Buttons & Shapes responsive . Is that right?

My problem is that images without any exrtra layer are not responsive

#191974 Copied

Rose Tyler

Support staff

April 26, 2018 at 07:30

Hello,

Please provide some screenshots for better understanding your problem.
If you can provide us with temporary wp-admin access, that would be great as well.

Regards

#191986 Copied

zelener

Participant

April 26, 2018 at 17:21

Thanks for your answer,

I am really lost. I tried everything but i am not fixing this.
These are the screenshots:

Notebook view:
https://ibb.co/m3718c

Mobile view:
https://ibb.co/jL1NEH

As you can see, mobile view cuts the image instade of resizeing for responsive view.

I am sending wp-admin temporal accesss.
I really apreciate your help!!

Please, contact administrator
for this information.

#192024 Copied

Olga Barlow

Participant

April 27, 2018 at 09:32

Hello,

You have set “cover” in BG fit settings and of course image will be cut to cover all the area that you have. If you don’t want to have the cover effect then change it to contain http://prntscr.com/jaq8cy then image will be resized but won’t cover all the visible area.

Regards

#192047 Copied

zelener

Participant

April 27, 2018 at 16:08

Hi, that solved image cut issue, but actually I need is to make slider images responsive.
Thanks in advanced for your help!

#192079 Copied

Olga Barlow

Participant

April 27, 2018 at 16:42

Hello,

You are welcome. BG image can be either resized (contain) or cut (cover). You may also set the % size but then the image will be scaled, don’t think that it’s the good solution. So, choose the one that will suit your need in the best way.

Regards

#192082 Copied

zelener

Participant

April 27, 2018 at 16:59

Sorry, I need to get it rersponsive as the original slider is.
That’s what i did:
1. Made a copy of the original slider
2. changed original slider images for other images (smaller). Why I lost responsive capability?

Why those steps lost responsive capability?

How can i get it responsive again? As I understand, BG image can be resized (contain). You mean resized as responsive? How can I achive this?

#192084 Copied

Olga Barlow

Participant

April 28, 2018 at 08:07

Hello,

Contain means to resize the background image to make sure the image is fully visible https://www.w3schools.com/cssref/css3_pr_background-size.asp

How to set background options to contain you can check here http://prntscr.com/jaq8cy

More information about Revolution slider responsive settings you can find here https://www.themepunch.com/revslider-doc/slider-setup/#slidelayout

Regards

#192094 Copied
Viewing 10 results - 1 through 10 (of 10 total)