Okay
  Public Ticket #434530
Home slider & boxed layout - black box issue
Closed

Comments

  • Bruno started the conversation
    May 13, 2015 at 5:20pm

    Hi,

    I asked before this question but for some reason (??) the ticket is missing...

    The home slider don't work properly for me. As you can see when resizes the window, a black box appears behind the slider. Also the image don't resizes propperly (like in the demo)... and the nav buttons are positioned out of the box layout.

    ¿Can you help me?

    Thank's in advance.

  •  8,850
    Tahir replied
    May 14, 2015 at 1:49pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    body #boxed #featured {
    min-width: 100% !important;
}

    Thanks


    ThemeNectar Support Team 

  • Bruno replied
    May 14, 2015 at 10:21pm

    Hi,

    Adding the css code the black box issue disappears, and this is a good thing :) but the images still didn\'t resizes and the nav buttons are positioned out of the box layout... Any suggestion?

    Thanks

  •  8,850
    Tahir replied
    May 15, 2015 at 1:09pm

    Hey Again,


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

    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

    Thanks

    ThemeNectar Support Team