Form Headers display on different sized devices

[Taylor_Jett]

Hi! Does anyone know the appropriate way to getting a form header to automatically resize depending on the device being used? Or which dimensions I should be using when I create the header for it to look OK on all sized devices?

I currently have an image (that includes words) for the header of a form and while it looks great on a laptop, pulling it up on a mobile device cuts the image awkwardly.

Any help much appreciated. Thanks in advance!

[Jason · Accepted solution]

Hi @Taylor_Jett,

As a general guideline, 800px by 240px is suggested as the minimum for cover images, with 1800px x 480px being a good target if your image is of higher quality / size. The image may look pixelated on wide screens if it is smaller.

Hope that helps!