Archived topic

Responsive Elements Header

3 replies · Started by David on August 25, 2018

Viewing posts 1–4 of 4

August 25, 2018 at 12:30 pm #659896

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.

August 25, 2018 at 3:29 pm #659956

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 :)

August 25, 2018 at 10:43 pm #660127

Perfect works.

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

Thanks!!

August 26, 2018 at 10:28 am #660486

No problem :)

This archived topic is closed to new replies.

Start building better websites today.