Make WordPress Core

Opened 12 months ago

Closed 12 months ago

Last modified 8 months ago

#58439 closed enhancement (wontfix)

Twenty Fourteen: Layout does not cover full width

Reported by: algorithmsunlocks's profile algorithmsunlocks Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.8
Component: Bundled Theme Keywords:
Focuses: css Cc:

Description (last modified by sabernhardt)

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

Attachments (1)

Screenshot 2023-10-05 at 4.53.39 PM.png (531.0 KB) - added by deepakvijayan 8 months ago.

Download all attachments as: .zip

Change History (5)

#1 @sabernhardt
12 months ago

  • Component changed from Themes to Bundled Theme
  • Description modified (diff)
  • Focuses javascript rest-api coding-standards removed
  • Keywords has-patch removed
  • Milestone Awaiting Review deleted
  • Resolution set to wontfix
  • Severity changed from major to normal
  • Status changed from new to closed
  • Summary changed from Twenty Fourteen theme Layout Issue in the Frontend View to Twenty Fourteen: Layout does not cover full width
  • Type changed from defect (bug) to enhancement
  • Version changed from trunk to 3.8

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.

#2 @algorithmsunlocks
12 months ago

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

#3 @sabernhardt
12 months ago

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.

#4 @deepakvijayan
8 months ago

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.

Note: See TracTickets for help on using tickets.