Twenty Fourteen: Layout does not cover full width

[algorithmsunlocks]

Hello there,
I have faced issues with the "Twenty Fourteen" theme. Here is the recorded video: ​https://www.loom.com/share/cf5f09605dca4e22a7939c15a1255ca3

Or have a look at the screenshot -> ​https://prnt.sc/8oTChWnElxWI.

Expected result:
This should include the layout on the Full page.

The below CSS code will fix the issue:

max-width: 100%;

Thank you
Ruman Ahmed

[sabernhardt]

Hi and welcome to WordPress Core Trac!

The max-width of 1260 pixels has been in the theme since version 1.0 (r25519).
​https://themes.trac.wordpress.org/browser/twentyfourteen/1.0/style.css#L807

Changing that now would be unexpected and could adversely affect existing sites.

[algorithmsunlocks]

Hello @sabernhardt,
Unfortunately, the styles destroy the actual layout and it seems look like an incompleted websites. Please have a look at the screenshot, that I have attached earlier.
​https://prnt.sc/8oTChWnElxWI

[sabernhardt]

The max-width may not look good for most sites, but it has been part of the theme's design for almost ten years.

If you do not like the style, you could choose another theme or else you could go to the Customizer and paste the following under "Additional CSS":

.site,
.site-header {
  max-width: 100%;
}

The Core Team likely will ​retire Twenty Fourteen and several other themes soon, only fixing security-related problems in the future.

[deepakvijayan]

Even if it is going to be removed, we could at least fix the layout by centring it.

.site {
  margin-left: auto;
  margin-right: auto;
}

This fix wouldn't break any existing sites either.

Attaching a pic for reference.