[Resolved] Responsive Elements Header

[David]

How can I change the image in Elements Header for mobile or tablet, make it responsive?
I need to have an image for desktop and another one for mobile / tablet.

Thanks. David.

————————————————————- In spanish / en español

¿Cómo puedo cambiar la imagen en Elements Header para el móvil o la tablet, hacerla responsive?
Necesito tener una imagen para desktop y otra distinta para móvil/tablet.

Gracias, David.

GeneratePress 2.1.4

GP Premium 1.7.2

[Leo]

Hi David,

Try this CSS:

@media (max-width: 768px) {
    .home .page-hero {
        background-image: url(https://mobile-image-url-here);
    }
}

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

Let me know 🙂

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

[David]

Perfect works.

Also if it is another page I have replaced .home with .page-id-xxx and it also works.

Thanks!!

[Leo]

No problem 🙂

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

[Author]

Posts