Different Banner Images for Different Devices

yerg1

I'm looking at having a different banner image for differing screen devices.

What I'm seeking to do is change the image on a specific page ... https://liftinverterbar.com/new/contact-us

If you check that page in both desktop and mobile views I'm seeking to switch off the top image in mobile devices The second image works as it should.

Hoping that makes sense
Thanks

saguaros

Hi yerg1

These 2 images belong to different blocks on your site? I think you can use Bootstrap classes like hidden mobile , hidden desktop for those images.

Regards

yerg1

These 2 images belong to different blocks on your site?
Absolutely.
I have them both there to show you what I'm seeking to achieve.

I've decided to trash that concept for now to save my self, and you, further time wasting.

Doesn't change my query .... how to have different banner images for different devices?

paulus1031

Take a look at the classes within the zengrid framework
works both for zgvf4 and 5

https://docs.joomlabamboo.com/zen-grid-framework-4/responsive/responsive-module-classes

Cheers
Paul

yerg1

Thanks Paul ... brilliant
Pays to know where to look
Remember seeing that at some stage but had no use