Archived topic

How can I handle the full width on too wide screen

3 replies · Started by Kelvin on August 14, 2019

Viewing posts 1–4 of 4

August 14, 2019 at 9:07 pm #984517

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.

August 15, 2019 at 8:49 am #984953

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 :)

August 15, 2019 at 8:50 am #984955

Dear Leo,

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

Best regards,

Kelvin

August 15, 2019 at 9:24 am #984990

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.

This archived topic is closed to new replies.

Start building better websites today.