Hi, have a question i think i know the answer to, but wanted to double check. We have an image in the background of the what humus should be row. With my screen resolution i see the entire image (i see the carrots to the right and space beside the bowl of humus to the left). My client doesn't he sees no carrots to the right and only a little space to the left)
I think it's because of the responsive nature of the theme, and there's probably not much we can do. But thought i'd ask, is there a way to get the image more consistant on how much of it shows?
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
it's not that top slider i'm referring to, it's the image in the background of the part below it. Were you see the title WHAT HUMMUS SHOULD BE and the paragraph/4 columns below it, sorry i wasn't clearn
You are using a very wide image for a square area. You can change the background layout method using css but then it would get cut from the bottom, see screenshot: http://prntscr.com/5ams0o . Right now its using the cover method . For more detail please see: http://www.css3.info/preview/background-size/ .
Hi, have a question i think i know the answer to, but wanted to double check. We have an image in the background of the what humus should be row. With my screen resolution i see the entire image (i see the carrots to the right and space beside the bowl of humus to the left). My client doesn't he sees no carrots to the right and only a little space to the left)
I think it's because of the responsive nature of the theme, and there's probably not much we can do. But thought i'd ask, is there a way to get the image more consistant on how much of it shows?
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
it's not that top slider i'm referring to, it's the image in the background of the part below it. Were you see the title WHAT HUMMUS SHOULD BE and the paragraph/4 columns below it, sorry i wasn't clearn
Hey Kim!
You are using a very wide image for a square area. You can change the background layout method using css but then it would get cut from the bottom, see screenshot: http://prntscr.com/5ams0o . Right now its using the cover method . For more detail please see: http://www.css3.info/preview/background-size/ .
Thanks
ThemeNectar Support Team