[Resolved] page header not working on iphone

[jorgelomas]

Hy guys,

I am working on a that website: http://consentidoconsultoria.es
and I am using this CSS:
.generate-content-header {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center bottom;
}

Because I want the image fixed and center bottom position. But the problem is when you use an iphone or ipad the image looks very bad.
Do you know how to fix it?

Thanks!!!

[Leo]

Hi there,

You can try making your CSS only apply to desktop:
https://docs.generatepress.com/article/responsive-display/

Let me know if this helps.

[jorgelomas]

Works like a charm!

Thank you very much Leo 😉

Jorge

[Leo]

No problem 🙂

[Author]

Posts