Loving this theme, everything works like a charm. There's one thing i can't get to work: on my index page i've placed a banner (full-screen). The photo is set as background in the row, since i want the photo to be full-screen. The photo isn't responsive so when i look at my site at a smaller screen, the image is too big. Tried to insert the photo as image in the row itself but then it doesn't appear as a full-screen image.
How can i place this picture full-screen and still keep a responsive feature?
I am afraid that is a drawback to using the Full screen Option. You can however use the Flexible Slider Height Option in Nectar Slider that keeps the image always visible .
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
Hi,
Loving this theme, everything works like a charm. There's one thing i can't get to work: on my index page i've placed a banner (full-screen). The photo is set as background in the row, since i want the photo to be full-screen. The photo isn't responsive so when i look at my site at a smaller screen, the image is too big. Tried to insert the photo as image in the row itself but then it doesn't appear as a full-screen image.
How can i place this picture full-screen and still keep a responsive feature?
Regards,
Rudolf.
Hey ,
I am afraid that is a drawback to using the Full screen Option. You can however use the Flexible Slider Height Option in Nectar Slider that keeps the image always visible .
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