Hi, If I put an image at the top of my homepage to be the full width of my screen set as a background image the picture gets cropped differently with various screen sizes. I’ve managed to fix it for mobile. But when set the correct way on my 14-inch screen laptop it then gets crop weird for screens 17 inches and over for some reason.
One solution I found was the set the image as a normal image instead of a background image which seems to work but now the problem is that the image won’t go the full width of my screen. I get background borders on each side of the picture. How do I make it that it takes the whole width of my webpage?
From what I can tell it looks like your background image is set as a column and therefore not spanning the width the entire screen like you would like on larger screens. The image size seems to fit smaller screen sizes but gains more padding as the screen grows larger.
If you could switch to the “text” editor tab from your page builder and copy all the code you see there and paste it here in the forum we could take a look at the code directly and offer you a solution. If you feel comfortable sorting this out yourself you should be able to follow this guide on working with backgrounds in BoldGrid Post and Page Builder.
I hope this helps. We look forward to assisting you further with this if need be.
Viewing 2 posts - 1 through 2 (of 2 total)
The topic ‘The homepage image background looks different or is cropped differently on larger screens’ is closed to new replies.