[Resolved] Responsive Elements Header

Home Forums Support [Resolved] Responsive Elements Header

Home Forums Support Responsive Elements Header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #659896
    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
    #659956
    Leo
    Staff
    Customer Support

    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 🙂

    #660127
    David

    Perfect works.

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

    Thanks!!

    #660486
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.