Employee Center - Banner Image

luca1
Tera Contributor

Hello, 

 

when setting up the Employee Center Banner Image I experienced a problem. 

 

I tried a few different options for the sizing of the Banner Image. 2000*250, 14440*400 and more. It works fine for me when the page is visualized normally, even up to 200% Zoom in the page. When zooming in more than 250% or dividing the screen in two parts I get the old Employee Center Banner Image which is default. 

 

normal: 

luca1_0-1666713175238.png

after zooming or dividing the page: 

luca1_1-1666713219033.png

 

When in the page designer I noticed that for Attachments there is a picture which seems to be the one that is displayed when the problem occurs. Maybe this has to do something with the problem, but I dont know how to attach something else. 

 

Thank you in advance and best regards, 

 

Luca

 

6 REPLIES 6

Nishant12
ServiceNow Employee
ServiceNow Employee

Hi @luca1,  
On the Page CSS, there is a CSS media query that reverts to the default image on the home page. 
Page id : ec_home

Nishant12_0-1698222869422.png

 

So changing the background image on the container will only work for resolutions greater than 768px . When the user zooms in or if the screen's resolution is less than 768px, the default image from the page CSS will override the image uploaded on the container. 


To fix please upload the image to the record and change the image parameter value in page CSS "$banner-768-svg" to the new .iix file. 

JStuempert
Tera Contributor

I had this same issue. I found that removing the parent class associated with my container (which was "mobile-banner") prevented the background image from reverting back to default upon zooming in.