Issue: Background image in Service Portal container not visible on tablet and mobile.

[SyedBurhanJamil]

Hello!

I am working on a ServiceNow Service Portal page and using a container with a background image (no custom CSS or code).

The background image displays correctly in desktop preview, but it is not visible in tablet and mobile views.

[prajaktajga]

Hello @SyedBurhanJamil ,

I am also not aware about this but what i found is below, you can try once if it is working

1.In tablet and mobile views, Service Portal uses Bootstrap responsive behavior

2.The container height collapses because:
The container has no visible content height
Background images do NOT define height
On desktop, the container is tall enough due to layout rules
On tablet/mobile → height becomes 0px, so the background disappears

This is expected behavior in Service Portal.

Solution 1: Add a Spacer Widget

Open your Service Portal Page

Edit the Container

Inside the container, add:

Spacer widget

Set spacer height:

Desktop: 300–400px

Tablet: 250px

Mobile: 200px
This forces the container to have height on all devices.

Solution 2: Add a Text / HTML Widget

Add a Text Widget inside the container

Leave text empty or add a non-breaking space:

 

Set widget height via padding options
This also prevents container collapse.

Solution 3: Use Row Instead of Container

If you're using:

Container → Background Image

Try:

Row → Set Background Image

Place row inside a container
Rows handle responsive height better.