XF 2.2 Hide Background Image On Small Devices Only

RoyalRumble

Active member
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
 

RoyalRumble

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

Less:
@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.
 
Top