How to add a different image banner for mobile on Dawn's theme

[Fabianoo]

Hi there,

I would like to seek help on how can I insert a different image banner for mobile? I've already created the specific mobile version but I dont see any options available. 

Thanks!

[Dan-From-Ryviu · Accepted solution]

Hi @Fabianoo 

You can create 2 banner sections, one for mobile and one for desktop and then add code to hide mobile banner on desktop and hide desktop banner on mobile

Add this code to Custom CSS code of the section that you want to hide on the mobile.

@media (max-width: 749px) {
.banner {
display: none !important;
}
}

Add this code to the banner section you want to hide on the desktop.

@media (min-width: 768px) {
.banner {
display: none;
}
}

 

[Fabianoo]

Thanks Dan, 

I would like the second image to be used as mobile. Is that possible?