Okay
  Public Ticket #350793
Slider Height Not Responsive
Closed

Comments

  • Ande started the conversation

    When I go to the home page back end where the slider is set up in the visual editor, I click on the Edit pencil for the Edit Nectar Slider. The Slider Height is 400 and the Minimum Slider Height is 300. Yet, on the live site, the height is HUGE! I've looked everywhere. Help!

  •  8,409
    Tahir replied

    Hey!

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

  • Travis replied

    Hey Tahir,

    I'm having the same issue.  I'm using images at 1600 x 1067 and would like to have an image display via the slider at 500 px high.  I can't get this to work and fear the only way to make this happen would be to crop the images being used in the slider to the height I'm seeking.  If this is the case, please let me know so I can pursue that route.  

    I'm using the Flexible Slider Height option you discussed above but not having any luck.

    URL: http://flashpackerhq.com/blog/

    Thanks!

    - Travis

  •  8,409
    Tahir replied

    Hey Travis!

    I am afraid you will have to make your image the correct aspect ratio as per the height you want. 

    Thanks 


    ThemeNectar Support Team