Hi, I have added a few background images to a section on different pages and the images are being cut off. The images are stretched to fit the background but its not altering the height so the image displays appropriately. Can you tell me how I fix this please?
Hey Bridee,
Please edit the background image settings then set the background size to cover then the position to top left.
Please also note that if you have a background image, it would be expected that some parts of it will be cut off depending on the size of the section.
In case the issue persists, please provide the link to the page you are working on so that we can check it.
Thank you.
Hey Jade, this didn’t work. I have two pages so far that this is happening, one is worse than the other.
They are: http://www.masonhr.com.au/flat-fee-recruitment/ (this is the worst one) and http://www.masonhr.com.au/get-in-touch/ (image is down the bottom of this page).
I plan on adding images like this to all pages under services so I want to try sort it out now before I start doing the other pages.
Hi Bridee,
With background-image you can hardly achieve a total responsiveness without compromises. I would like you to try this demo here, which would explain how background image works. Background-image are bond to cut-off on some screen size, we can make that look fit to your screen-size but not to all screen, that is just how the background-image behave, just take a look on those section on mobile, and you’ll understand what I mean, the background-image need to do that type of responsiveness to cover the entire section.
If you want the entirety of the image to be visible regardless of the screen size, please place your Image as an Image element, not a background.
Then Remove the spacing of that section to make it full-width.
Hope that shed some lights,
Cheers!
Thanks I managed to work it out, just placed a gap in the background image and it worked.
Glad you’ve sorted it out 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.