Recommended size for banners

[JaysonBrylle]

Hi!

I would like to ask for your help about the recommended size for page banners. We are using the Vinova theme.

The current image that is added is 1200x400 pixels. The problem that we are facing is that when we zoom in and out, the image also zooms in and out. We would like the image to be in the same resolution when it is viewed via computer or mobile.

Link: https://www.meaningwave.com/blogs/meaningwave/tagged/blog

It's the background image on the word "Latest"

[EvinceDev]

Hello @JaysonBrylle , try this 

.banner__wrapper.is-small .image-element__wrap {
    min-height: 400px;
}

[JaysonBrylle]

Hi there!

Thank you for this.

I just wanted to ask if you know the recommended size for the page banner as well.

[EvinceDev]

Hello @JaysonBrylle 
Thank you for reaching out! The recommended size for a page banner typically depends on the design and platform, but a common size is 1920x1080 pixels for full-width banners, which works well for most screens.

[Made4uo-Ribe]

Hi @JaysonBrylle 

Check this one maybe it helps. 

https://www.shopify.com/blog/image-sizes

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[JaysonBrylle]

Thank you for your response. 

This is our reference when we created the page banner. Unfortunately, when we zoom in and out, the photo appears to zoom in and out as well. There are parts of the photo that disappears when we zoom in and we don't want that to happen. We would like it to be static if possible.