Background Image Resizing

Hello @khannamanu, thanks for reaching out!

Problem 1: Plugin loads ‘large’ image size on mobile devices, to load bigger image, please got Settings > Media and change the size of large images

View post on imgur.com

Problem 2: Background image is positioned absolutely and stretched to device viewport, you can use custom CSS to move it as you like:

Change top or bottom values to move the image up or down

#background-wrapper {
   top: 0px;
   bottom: 0px;
}

You might need to add a background to body as it’s currently white:

body {
  background-color: black;
}

Hope that helps, Ales

Thanks for the quick response, Ales.

Problem 1: It looks like the media settings in WordPress are already set to ‘Large’. We implemented the solution recommended on this post and this has improved the quality of the background image on desktop but we continue to get a blurry image on iPad and Mobile. Can you test on your mobile device and check it out as well pls?

Problem 2: We tried your recommended fix but didn’t implement it because of the white background it showed when the image was moved. Since our background image has a gradient on it, even changing it to a black background didn’t work too well. The goal was to simply shift the viewport to another section of the image (since the image is much larger than what the viewport is actually showing). Not sure if that makes sense but the idea is to have the copyright footer show up below the glow in the background image and also eliminate the vertical scroll on mobile.

Appreciate the help.

Howdy @khannamanu,

You have to actually change the numbers in the large thumbnail, try changing the values from 1024 to something like 1500 or so.

Re second problem, I get you, but that’s not quite possible unfortunately.
But it looks OK to me on my device:

View post on imgur.com

Btw next plugin update will bring possibility to upload custom image for a mobile devices, which might resolve both of your issues.

Ales

With new plugin update you can use a special image just for mobile devices now.

Cheers Ales

Thank you for fixing this! The option to add a mobile-specific image is very helpful.