XF 2.2 Hide Background Image On Small Devices Only

[RoyalRumble]

Hello,

I'm hopeful someone will kindly be able to assist with an issue I've been unable to resolve.

Is it possible to have a style/theme with a fixed background image on desktop, but have the image disabled on mobile?

So only a background image to show on desktop devices.

Thanks

 

[Elliott]

You can exclude the display of the background by setting the condition not to be displayed on mobile devices

@media screen and (max-device-width: 480px) {
        display:none;
    }

 

[RoyalRumble]

You can exclude the display of the background by setting the condition not to be displayed on mobile devices

@media screen and (max-device-width: 480px) {
        display:none;
    }

Thanks very much Elliot.

I was trying variations of this in Extra.less and was getting nowhere.

I popped this;

@media screen and (max-device-width: 480px) {
background-image:none
}

... into 'Extra' on the actual Page Background 'Extra' within page setup and it seems to have done the trick.