Skip to main content
Solved

Form Headers display on different sized devices

  • July 2, 2020
  • 1 reply
  • 345 views

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!

Best answer by Jason11

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!

1 reply

Forum|alt.badge.img+20
  • Inspiring
  • 375 replies
  • Answer
  • July 2, 2020

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!