Background Image

I have a background image which is a photo of a dental staff. The photo has two rows of staff members. As I widened the page it gets to a point which you can no longer see the heads of the top row of the staff members. This is only an issue for larger screen types in the largest breakpoint.

Does anybody have a solution for this?

That’s the nature of a responsive site, depending on the content or padding in that block very very wide screens will have a lot of trouble especially if it’s a full width bloc.

You could set different versions of that image by breakpoint. Setting the image to anchor at the top may help too.

Without more details it’s hard to suggest an exact solution.

@PeteSharp

Thanks Setting the image to anchor at the top seems to have done the trick.

1 Like