Docs

[martinezg]

Hi,

When a reduce the screen width to match an iPad portrait size or smaller laptop, the images and buttons on my sliders go all over the place.

How do I keep the same design on the slider for all screen sizes?

Here is the website:

http://crowdlacuna.com/

Notice the second slider (screenshot attached)

[Rue Nel]

Hello There,

Thanks for writing in! Please edit your slider and make sure that the positions of your layers is always at the bottom. Please see this screenshot: http://prntscr.com/b78wje

For further information, please check out the documentation: https://www.themepunch.com/revslider-doc/layer-styles-positioning/

[martinezg]

thanks! how do I make the images reduce size in relation to screen size? so that the format is kept exactly the same? i couldnt find that in the link you sent

[martinezg]

i basically want the exact same looks as with a desktop screen but in smaller size. so that nothing changes

[Christopher]

Hi there,

Please provide us with login credentials so we can take a closer look.

Thanks.

[martinezg]

This reply has been marked as private.

[Rad]

Hi there,

Your image is already resizing depending on screen/device width. Or do you wish to make the image stay on same size as desktop (hence no resizing)? Do you wish to maintain the aspect ratio?

It’s background fit/sizing and you can always change that to your preference 🙂 , though, I’m not really sure what you’re referring since it’s resizing correctly on my end.

Thanks!

[martinezg]

Hi Rad,

I have attached 2 images to show you the difference. In the first on you can see how the 3 images are separated evenly and right below the buttons. There is spacing between them.

In the second image you can see that with a slight smaller screen the images go on top of each other and the spacing with the buttons above increases.

How do I keep the images and buttons of the entire slider the same scale? I dont want them to go on top of each other.

Edit: i can’t seem to be able to upload the screenshots. Basically if you reduce the width of the browser below 1240px you can see how the images go on top of each other slightly and they dont keep the same spacing with buttons

[martinezg]

attaching again the second one

[Rad]

Hi there,

Please try uploading your images to any file sharing site like dropbox and provide the URL here. Your files are big.

Thanks!

[Author]

Posts