Display issue on 1920x1080 screen

[skanaba]

Hi, We just completed a site and the client sees the header image cut off on his 1920x1080 screen. The issue only seems to happen on the Home page and none of the other pages with a similarly sized header on each page.
Here is the URL for previewing: https://dev.vinnow.com/G2/index.html
If you need to access the project file it is at this link: https://mediapeopleintl.com/clients/Vin ... -14-21.wbs
A screen capture is available at this link: https://dev.vinnow.com/G2/images/VinNOW ... -30-21.png
Thank you!

[Pablo]

The background image is set the 'cover' so this is expected behavior.
Note that for me, all headers behave the same way on the other pages. The only difference is that this image has text.

[skanaba]

Hi Pablo,
Thank you. So if I should not be using "cover", then what setting should I use? And, yes I also thought that the client must have been seeing the same result on the other pages. When I study the options for the style size, is "contain" the best option? I really do not understand the 100% 100%, and 50px 50px.
I appreciate your help. Steve

[Pablo]

If you use 100% 100%, then the image will always fill 100% of the layout grid.
Of course, in that case the aspect ratio will not be correct.

[skanaba]

Pablo, I really need some guidance. If I am building sites with a 1366 width, what is the best path to take in order to accommodate a 1920 and/or higher screen res? Should I have built the site with a 1920 width to begin with? Or, If I use the 100% 100%, if the aspect ration changes I am wondering if I would be better off NOT using the image in the background, and simply insert the image in the foreground to fill the layout grid. Thanks again!

[Pablo]

I am wondering if I would be better off NOT using the image in the background, and simply insert the image in the foreground to fill the layout grid.

The size of the layout grid is determined by the content of the grid and the background image will always be as big as the size of the layout grid.
If you want to keep the aspect ratio of the image then using a standard image is a better choice.

[skanaba]

Thank you. Tried it and the header photo looks good. The layout grids below it all stretch out to fill the 1920 space.
QUESTIONS:
- Is there a way to contain the entire page (built with layout grids) to a set width i.e., 1366 and center in the page? This feature could then be "turned off" for the smaller screen sizes for responsiveness?
- Since the site was created as 1366 wide, can I use a break point for 1920? ...or is this not allowed?

[Pablo]

You can use 'max-width' to limit the size of the layout grid.
It is not common to use a breakpoint for 1920. Also, the default view should be the widest view.

[skanaba]

OK...got it. Thanks again!