Custom background image for mobile devices only

Support
#1

Hello

I am working on a splash page visible at the url below- the page looks great on desktop where it has a video background, but I would like to specify a special background image that only pops up when viewed on a mobile device. How can I do this?

Thanks!

#2

Hi there,

Please try this code in the custom CSS:

@media (max-width: 480px ) {
    #x-root .site {
        background-image: url(URL_OF_THE_BACKGROUND_IMAGE);
    }
}

Hope this helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.