Okay
  Public Ticket #657151
​Background Image scaling issue:
Closed

Comments

  • Shane started the conversation

    I have full width section where i set an image as background (1280x500). The scaling on the image is very strange. even at 1080p browser width only 2/3 of the horizontal image is shown in the background. Is image scaling based on height or width?

  •  8,992
    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_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 

  • Shane replied

    I\'m trying to scale a background image in a section, not a slider.

  • Shane replied

    So I\'m actually trying to recreate the effect similar to this site http://www.melitahoney.com/ with

    Slider1
    content1
    Slider2
    content2
    Slider3


    but when i do it the sliders start bunching together for some reason and the result looks like

    Slider1
    Slider3
    Content
    Slider2
    Content.

    Please see http://dev.liveviewgolf.com/test/



  •  8,992
    Tahir replied

    Hey ,

    Turn off the Parallax Option in Nectar Slider and it will retain its position on the page.

    Best.


    ThemeNectar Support Team