Set page's content to specific max-width

[vks_group]

Hey,
I’ve created several pages using templates and some from scratch. I’m facing an issue of alignment of content on the page when I open a page on max-width like I test my page 2800px width than the content get stretch accordingly whereas I want that the should not not get stretch according to width but the background of that content get stretch. The main contetn of page should remain till the max-width of 1240px.
Please help me to do this for my site.
Current situation of my page when I increase the width of display. This is the home page of my current site

What actually I need is this is the image of another site for your for just reference. You can see in this image that content didn’t get stretch after some max-width but the background get stretched.

To look into this issue I’m adding my site’s credentials and admin url for your convenience.

[vks_group]

i just zoom out the home page . it look like this i dont know why the header moved to right and footer moved to left. i just want that all the contetnt , page content , header , footer all are of max width 1240px and when we zoom out or view from higher px(1920px) or more all content are visible in the center aligned.

[tristup]

Hi Ketan,

Thanks for reaching out.
I have checked your website but didn’t find any issue you described in the screenshot. Can you please describe it more and provide any video that helps us to recognize the problem?

Thanks