[Support request] How can I handle the full width on too wide screen

[Kelvin]

Dear Sir/Madam,

I use the GeneratePress theme and design the webpage with full width and contained box typed, now some of the users use a very large monitor (1920 x 1080) to view the web and find some responsive problem to the image. According to the report from https://www.websitedimensions.com/, 35% of desktop screen resolutions is at 1366 x 768, how can I fix the maximum width to full width is at 1366 so that I don’t have the image problem due to the responsive?

Best regards,

Kelvin.

[Leo]

Hi there,

Looks like you’ve already added this CSS?

body {
    max-width: 1366px;
    display: block;
    margin: auto;
}

That should work no?

Let me know 🙂

[Kelvin]

Dear Leo,

Yes, I did it but not sure whether GeneratePress has a better setting.

Best regards,

Kelvin

[Leo]

You could also try the container width setting:
https://docs.generatepress.com/article/container-width/

But looking at your layout, your way would probably work better.

[Author]

Posts