By default, the Okta Dashboard does not display a background image for mobile device browsers. This is the expected behavior for default brands. Enable the background image on mobile devices by using a custom brand and implementing a Cascading Style Sheets (CSS) snippet.

• Okta Identity Engine (OIE)
• Okta Classic Engine
• Okta Sign-in Widget
• Default Brand
• Custom Brand

The Okta Dashboard does not display a background image for mobile device browsers because this is the expected behavior for default brands.

What steps enable a background image for mobile devices?

Enable the background image on mobile devices by configuring a custom brand and adding a Cascading Style Sheets (CSS) snippet in the code editor.

1. Choose Customization, and then select Brands.
2. Select the custom brand.
3. Go to the Pages tab.
4. Select Sign-In Page, and then select Configure.
5. Select Code-editor.
6. Enter the following CSS snippet:

@media only screen and (max-width: 600px){
            #login-bg-image-id {
                background-image: {{bgImageUrl}} !important
            }
        }

7. Click Save and publish.

Related References

• Style the sign-in page