I have a slight issue with the header image though, it seems to resize OK apart from on a mobile.
When loaded on a mobile it crops at the edges. I have had a look through the other tickets and saw some CSS code fixes for a problem that sounded similar but it didn't work for me
Any solution to this or something simple i am missing?
*note when I turn the mobile on it's side (screen rotates to landscape) it is ok, it's just when i have the mobile in portrait (normal viewing) it crops
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
Hey,
Nice theme, loving it so far.
I have a slight issue with the header image though, it seems to resize OK apart from on a mobile.
When loaded on a mobile it crops at the edges. I have had a look through the other tickets and saw some CSS code fixes for a problem that sounded similar but it didn't work for me
Any solution to this or something simple i am missing?
*note when I turn the mobile on it's side (screen rotates to landscape) it is ok, it's just when i have the mobile in portrait (normal viewing) it crops
Thanks
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
Great this solved it
My problem was that I wasn\'t using the Nectar slider, I was using the header options on the page editor.
Thanks for helping out here, it\'s all working well