Archived topic

Body Background repeats on mobile version with repeat off.

7 replies · Started by Balthasar on January 13, 2021

Viewing posts 1–8 of 8

January 13, 2021 at 12:46 pm #1617624

Dear SUpport,

I try to fix a problem with my body background. I uploaded my background in the costumizer and it works great for desktop but on the phone it repeats several timnes even if I put it on no repeat. I have set size on auto and fixed postition. In the responsive mode of the costumizer the background is fine. But when I open the site on phones the background repeats...

Any ideas?

January 13, 2021 at 1:21 pm #1617670

Now the background stops at one point in the mobile version...

January 13, 2021 at 3:24 pm #1617772

Hello there,

You have set the background to Repeat-x before, your site is representing the cache, so it only repeats horizontally, not vertically.
https://www.screencast.com/t/JRPyLMY21Adl

Deactivate your cache plugin, clear all browser/server cache, and set the background image to cover.
https://www.screencast.com/t/lBehaXOK

Let me know :)

January 13, 2021 at 3:47 pm #1617792

Now its working but the quality on mobile is really bad. Super pixels everywhere...
On Desktop perfect as usual.

Thanks for helping me...

January 13, 2021 at 3:51 pm #1617796

Now it's again not loading the background on mobile from a certain point and I didnt change anything.

January 14, 2021 at 8:22 am #1618722

Hi there,

most mobile devices do not support fixed background images, and the oversizing is one of the issues that occurs ( in iOS ) when you try to do that.

In this topic i provide some CSS to add a fixed background image that can overcome that problem:

https://generatepress.com/forums/topic/background-issue-on-tablet/#post-1598526

January 14, 2021 at 9:49 am #1618858

This worked!!! Thanks a lot.

January 15, 2021 at 2:40 am #1619661

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.