The image zoom is killing what im trying to do with the background image for fullscreen rows. I have attached a screenshot of what I'm talking about. Please let me know what fix can be provided for this. Thanks!
About the row background image getting cut off, this is because the browsers try to maintain the image aspect ratio with the different sizes of screens. The image is set with the background-size: cover on the CSS and this make is fill the entire screen area.
To make the image not cut off you would need to adjust the background-size property over different screen sizes with media queries.
The image zoom is killing what im trying to do with the background image for fullscreen rows. I have attached a screenshot of what I'm talking about. Please let me know what fix can be provided for this. Thanks!
HI Jonotero,
Thanks for getting in touch.
Can you give me a link to your site to have a look at this?
I'm not sure why the image would zoom, what is the original dimension of the image you are using there?
Looking forward to your reply.
Cheers
1024x768
Is there another dimension that should be used?
Hi Jonotero,
It would be better if we had the link to the exact page so that we can see if there is a way to remove the image zoom.
Thanks.
http://jonodesign.biz/
Hi Jonotero,
About the row background image getting cut off, this is because the browsers try to maintain the image aspect ratio with the different sizes of screens. The image is set with the background-size: cover on the CSS and this make is fill the entire screen area.
To make the image not cut off you would need to adjust the background-size property over different screen sizes with media queries.
Hope you can implement this.