Different Banner Image for Mobile Header

Site URL: https://www.ktbaxter.com/

Hiya,

I just want to know if there's a way to set a different image for my home screen for mobile rather than it condensing the one I have set for web view. 

I made one specifically for web and I think it looks great but on mobile it looks quite naff as the images aren't centred so it's literally just the word "welcome" on a dirty background.

I'm making a new image for the mobile view but I just don't know how to add it for just mobile.

Thanks in advance!

Hi. You can add this to Design > Custom CSS. to resize welcome banner on mobile

/* resize mobile welcome banner */
@media screen and (max-width:767px) {
body.homepage article section:first-child {
    min-height: unset !important;
    height: 30vh;
}
}

Amazing! Thank you so much!

On 4/22/2021 at 5:58 PM, ktbxter said:

Amazing! Thank you so much!

Do you want to resize image on tablet?

On 4/24/2021 at 12:15 PM, tuanphan said:

Do you want to resize image on tablet?

Oh yes please!

Sorry for the late response!

17 hours ago, ktbxter said:

Oh yes please!

Sorry for the late response!

Add to Design > custom CSS

/* resize tablet banner */
@media screen and (max-width:767px) {
body.homepage article section:first-child {
    min-height: unset !important;
}
}