Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1113422
    lisacole1
    Participant

    Hi

    Portfolio

    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!

    #1113543
    Lely
    Moderator

    Hi 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.

    #1113550
    lisacole1
    Participant

    how does it look on a tablet to you?

    #1113654
    Paul R
    Moderator

    Hi Lisa,

    Please see Video – http://screencast.com/t/ugYgMGua8ApL

    Thanks

    #1113779
    lisacole1
    Participant

    thanks, it’s not displaying right – the tops of their heads are being cut off,

    #1113863
    Rupok
    Member

    Hi 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!

    #1115145
    lisacole1
    Participant

    thank 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.

    #1115417
    Paul R
    Moderator

    Hi 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

  • <script> jQuery(function($){ $("#no-reply-1113422 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>