Resize/crop background image in the iPad or mobile view so if isn't a squashed version of the desktop background image

Report · Jul 09, 2017

Hi all,

Just wondering if someone can help. I have created a background template from my course, I have made three versions one for desktop, one for iPad and one for mobile viewing. They three images or different versions of the main desktop image but the same. I want to know how to edit these in each so that the image I use in the desktop view isn't just a squashed version in iPad, is there a way of editing the themes in different views while working in the responsive project?

Thanks,

Niamh

Report · Jul 11, 2017

Hi, to display an image according to the device you can use the "cpInfoMobileOS" variable. It returns the OS type (Desktop, Android, IOS and others). Once you get it, you can request to show/hide the picture you want according to the device identified.

However this variable don't allow you to identify neither a resolution nor your breakpoints.

I hope this will help you.