Header image

[Boris Gutierrez]

I have the header image looking great on a desktop but it does not work on mobile or ipad.  Is there a way for me to specify that the header image should not show on mobile/tablet and only on desktop?

Thanks

[Andy]

This CSS will remove the header image on screen/browser widths below 1024px

@media only screen and (max-width: 1024px) {
    .site-header {
        background-image: none;
    }
}

[Boris Gutierrez]

Thank you.  That works good

[Author]

Posts