Reply To: Header banner on secondary pages in mobile and tablet view

[Andy]

Hi

If you want to display a different image on mobile/tablet screens, use this CSS (replace path-to-image-url with your actual image path/url

for tablet and mobile:

@media screen and (max-width: 1024px){
    .main-header{
        background-image:url('path-to-image-url') !important;
    }
}

for mobile only:

@media screen and (max-width: 768px){
    .main-header{
        background-image:url('path-to-image-url') !important;
    }
}