Different bottom header for mobile?

Hi there,

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

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

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.

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.

I figured it out. Thanks for your help!

No problem :)