[Resolved] Mobile Image Background

[William]

Hi Guys Wondered if someone would know how to sort out this issue i’m having.

So I’m using Generatepress pro, I am using a background image in the “content” block,

It looks great on desktop however when I look on my phone the image gets repeated as I scroll down.

Please check the dev site for yourselves http://techrescuedev.com

Thanks! 🙂

[Leo]

Hi there,

You should be able to set it to no repeat: https://docs.generatepress.com/article/backgrounds-overview/#repeat

Let me know if this helps.

[William]

Would it be possible to make this background not display at all on mobiles? Maybe some for of like pixel limitation or something?

thanks
Will

[Leo]

Try this CSS:

@media (max-width: 768px) {
    body {
        background-image: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[William]

Thats awesome.

Thanks for the help! 🙂

[Leo]

You’re welcome 🙂

[Author]

Posts