- Posts
Hi, I’m struggling to get my background/cover image to scale appropriately. It’s set to full-width to keep cropping from happening, but it leaves behind a massive amount of white space underneath the image as the screen size decreases. On mobile, there’s a pretty absurd amount of space underneath the image.
Is there any way to get the vertical size of the image to scale and remove that extra space?
Hello A.-
I checked out the website you sent privately, but it looks like it’s on the Twenty Seventeen theme. Can you reply with your site running Haven so I can take a look for you?I’m having the same exact problem.
Hello,
Due to responsive design, only part of the background image will show on some screensizes. On mobile, the background image crops towards the center to fit the screen size. We do not recommend using an image with text on top of it – the text should be added in the editor so the text will resize appropriately on mobile.
I also noticed there is no h1 element on your page, since the site title is empty. So when you add the text on top of the image, make sure there is an h1 on the page for SEO purposes. More information on headings can be found here: https://www.boldgrid.com/support/boldgrid-easy-seo-plugin-product-guide/introduction-to-seo-content-and-structure/
Thanks,
Nicole
- The topic ‘[Resolved] Haven theme background image mobile resizing’ is closed to new replies.
