Okay
  Public Ticket #620926
Cover Photo
Closed

Comments

  • Paul started the conversation

    On a mobile device in portrait mode the image comes out as cropped in the center. How do I adjust setting so the image is made smaller. On landscape orientation the image looks fine.

  •  8,470
    Tahir replied

    Hey,

    You seem to be using the Fullscreen Height Option so the Image wont resize as the Height remains roughly the same of the viewport.

    Please turn off the Fullscreen Height and add a fixed height .

    Best.


    ThemeNectar Support Team 

  • Paul replied

    I changed the setting to 1080 and the same problem remains. Is there certain image dimensions I need in order to make this feature work properly? The image I am using is 1920x 1080.


    Thanks!

  •  8,470
    Tahir replied

    Hey Again,

    If you want the Image to always show completely you will have to use the Nectar Slider .


    Please try using the Flexible Slider Height option in Nectar Slider.

    Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at 1600px width - this will ensure the scaling is perfect with no clipping. To find the correct height for your images use this: http://andrew.hedges.name/experiments/aspect_ratio/ . The default width for images is 1600px so for example a image that is 1904 x 738px would be converted to 1600 x 620px if scaled down. Therefore slider height would be set to 620 px .


    The flexible slider height option makes the Nectar Slider respond perfectly to ensure there\'s no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
    Thanks


    ThemeNectar Support Team