Tagged: x
-
AuthorPosts
-
August 2, 2016 at 3:57 am #1113422
lisacole1ParticipantHi
I want the carousel to be full screen, showing one image in the middle and 2 teasers either side, and the aspect ratio of the images to be correct.
The images aspect ratio is 600×400
I’ve got it looking nearly right with these settings
desktop layer grid size 900 x 400 (this looks as if it is cutting the top off some images)
notebook layer size 600 x 400 (this looks perfect)
tablet 400x 267 (this comes out square)
mobile auto size (this is perfect)What should I set the tablet and desktop layer grids to be to make it look like it does on a notebook?
many thanks!
August 2, 2016 at 5:29 am #1113543
LelyModeratorHi There,
When I checked on desktop the image is not cut off. See this:

To help you better, can you provide us screenshot of the current issue and also of what you want to achieve.
August 2, 2016 at 5:34 am #1113550
lisacole1Participanthow does it look on a tablet to you?
August 2, 2016 at 7:29 am #1113654
Paul RModeratorAugust 2, 2016 at 8:53 am #1113779
lisacole1Participantthanks, it’s not displaying right – the tops of their heads are being cut off,
August 2, 2016 at 10:10 am #1113863
RupokMemberHi there,
Thanks for writing back. It will be adjusted with the screen size. You can’t expect same view for different screens. I think it’s working as expected. If you want to change; you can use the media query and write CSS for specific screen range.
Cheers!
August 3, 2016 at 4:48 am #1115145
lisacole1Participantthank you, can you give me any clues as to how to do that please, I am clueless!
If I know how to do one screensize I’d be able to work out the others.August 3, 2016 at 9:07 am #1115417
Paul RModeratorHi Lisa,
Kindly note that you can re-position your images/layers on different screen size in revslider settings.
Please refer to the link below.
https://www.themepunch.com/revslider-doc/slide-layers/#layercanvas
Hope that helps
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1113422 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
