Separate Desktop and Mobile Image Banner - Ride Theme

[Glowsmith]

Hello, 

Wondered if anyone could help with the following problem. 

I have been trying to get separate banner images to display for desktop and mobile however I have been unsuccessful, can someone who knows the code help out?

Appreciate any support.

[Made4uo-Ribe]

Hi @Glowsmith 

Check this one. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Glowsmith]

Thank you but that didn't work for me. 

[Dan-From-Ryviu · Accepted solution]

Hi @Glowsmith 

You can add 2 separate image nanner sections and then add those codes to make them appear separately for mobile and desktop.
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;
}
}

[Glowsmith]

Fantastic! That solution was much simpler than most of the others I came across. 

Thank you for your help, very much appreciated. 

[Dan-From-Ryviu]

Happy I could help 😁