-
Posts
-
I’m designing a site using the X Theme and the included rev slider, and even though I went and set up all the screen sizes and moved my text based on the viewport it’s still being cut off.
Here’s some intended looks vs. what it actually looks like (Might be a bit out of order but you get the gist): http://imgur.com/a/4qKxQ
Am I doing something wrong here? I’ve never had an issue like this before.
This reply has been marked as private.Hi there,
Thanks for writing in.
I checked it’s properly setup for each device viewport, except for the image ( texts ). Please edit your slider and click that image to select it. Then go to behavior tab and enable responsive option. And change the alignment to Grid base.
I could do that, but you should re-arrange it again once to change its responsiveness. It may appear differently on each device now that it’s responsive.
Thanks!
Hey Rad,
I went and did what you suggested and I’m still not seeing it correctly. Below is what I put into their editor and what I’m seeing.
Is there something else I could be doing wrong? I’m a bit stumped here.
Thanks,
AlexHi Alex,
Kindly have look to this – https://www.themepunch.com/revslider-doc/slide-layers/#layercanvas
It will help you to adjust mobile content. If you still face any issue; let us know.
Cheers!
Hey Rupok,
I’ve already looked at that page and understand the way the editor is *supposed* to work. My issue is that it still isn’t rendering correctly no matter what I try. The buttons are out of order, the picture is off the screen, etc..
Thanks
Hi there,
It looks good on my end, but are you referring to this image?
Then you should change your mobile custom grid to 287×778 size and arrange your layers and elements. Currently, it’s set to 600×900. Hence, checking it on a device with the size of 600px (phablet) looks good. Remember, you are just arranging the element for that specific size. Responsiveness is still there, but the elements will try to reposition them since the size is now smaller ( 287px ) than assigned 600px .
About the background, it’s only normal since the image has a landscape orientation while you’re displaying it on portrait device or size. And it’s also a fullscreen slider which means aspect ratio is not respected. It will try to fill the height and width. If you’re going to force that image, then imagine a rectangle and narrow image stretched from top to bottom. And if you wish to control the text image, then I recommend utilizing the plain texts instead of an image. Texts will wrap and break down gracefully on smaller devices.
How about creating two separate sliders, one for desktop (the current), and one for mobile (made for vertical images). Then use visibility to display or hide on desktop/mobile.
Thanks!
