I would like to have a square nectar slider that fills up the right half of the screen, with the other half of the screen containing 2x2 grid of project thumbnails. I've managed to do the thumbnails but I can't work out how to do a square nectar slider that fills the space - so far I keep getting an odd size border around the slider and it not being square.
You will have to use the Image Gallery in Nectar Slider mode as the Normal Nectar Slider element wont turn to square.
Also you will need to adjust 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,
I would like to have a square nectar slider that fills up the right half of the screen, with the other half of the screen containing 2x2 grid of project thumbnails. I've managed to do the thumbnails but I can't work out how to do a square nectar slider that fills the space - so far I keep getting an odd size border around the slider and it not being square.
Any help would be appreciated :)
Thanks
Hey Again,
You will have to use the Image Gallery in Nectar Slider mode as the Normal Nectar Slider element wont turn to square.
Also you will need to adjust 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
Hi Tahir
Thanks for the advice. If I use the image gallery will I still be able to have text / hyperlink / buttons overlaid onto each gallery image?
Hey Again,
No i am afraid not.
Best.
ThemeNectar Support Team