[Resolved] Different bottom header for mobile?

[metcomllc@aol.com]

Using Elements, is it possible to have 1 bottom header for desktop and a different bottom header for mobile?

[David]

Hi there,

not really – whats the difference between the Desktop and Mobile versions ?

[metcomllc@aol.com]

The text on the image is easier to read on mobile with the other header.

[Leo]

You can try this CSS:

@media (max-width: 768px) {
    .page-hero {
        background-image: url(https://MOBILE-BACKGROUND-URL);
    }
}

Just replace MOBILE-BACKGROUND-URL with the actual URL of the image.

[metcomllc@aol.com]

Out of curiosity, what is the ideal size for the mobile bottom header image? When I added the CSS to this site https://www.newyorkhypnotherapy.org half of the image got off.

[metcomllc@aol.com]

I figured it out. Thanks for your help!

[Leo]

No problem 🙂

[Author]

Posts