Pro - Header: recommended size of the background images of the Hero template

Hi! I want to use a fullscreen background. I guess I have to use cover. What is the recommended size of the image? It’s just one image or several images depending of the device?

Hey there,

The recommended size will depend on your design and what device you target the most. For example, if you target or your audience are mostly laptop users you might want to use and HD (16:9 aspect ratio) image. The image will fit in HD screens. If a visitor is viewing thru an ultrawide (21:9 ratio), the image will be cropped at the top because it will cover the screen. You can only set one image. If you want different background image per screen size. You need to duplicate your bar, replace the background image and set the Hide During Breakpoints feature under Customize.

Hope that makes sense.

It makes sense. Thank you!

You’re more than welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.