Background Image fixed on mobile

wistlaumann · January 2

Hello!

In my Theme Options is a Background Image (Center, no-repeat, foxed, cover). On Desktop works fine. On mobile devices the background image is only on top, then a white background. How can i fix it?

Regards Wistlaumann

Phil · January 2

Hi,

Are you checking that on iPhone?

The iOS does not support fixed background position, so it might be the reason why it does not work for you.

Best regards

wistlaumann · January 8

yes, on iPhone. How can make a similar effect on iPhone?

Phil · January 8

For the body background, there is no setting to achieve a similar effect.

Best regards

wistlaumann · January 9

can i setting my background image to repeat on mobile?

Phil · January 9

It can be done with a custom CSS code.

If you send a link to your website I can help you write it.

Best regards

wistlaumann · January 24

here is the link -> https://wirkoennenbio.celstner.radeso.de/

Albert · January 24

Can you show me on the screenshot, which background image you want to repeat exactly?

wistlaumann · January 25

hi, this one -> https://wirkoennenbio.celstner.radeso.de/wp-content/uploads/2023/12/Canvas_beige-scaled-1.jpg

actually the fixed background image ends on mobile, see my screenshot.

thanks for help

Albert · January 25

You set this background for whole HTML document and not section. It's currently 2560px height so if you want it to be taller, you have to modify this image.

Or, you can repeat this background if you like with the following css:

html {
 background-repeat: repeat;
}

wistlaumann · January 26

on desktop its fixed. ios can't this. i want background-repeat on mobile (ios) only

Albert · January 26

The css we gave you above works across all devices. If not, add !important declaration at the end.

html {
 background-repeat: repeat !important;
}

wistlaumann · February 1

thank you

Background Image fixed on mobile

Comments