Twenty Thirteen: Horizontal scrollbar appears in large viewports

[gorgoglionemeister]

Starting from 1600 pixels up to 1614 pixels viewport width, the page (.site) width is 2 pixels wider than the body width, causing an horizontal scrollbar to appear. It seems to be caused by the following rule:

.site {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

which I don't understand why it has been introduced as of changeset [23962].

[obenland]

Reproducible on ​http://twentythirteendemo.wordpress.com/ as described above.

The box-sizing change was to fix navbar border styles for viewports at 1600 pixels wide and above, and IIRC for when the navbar was fixed. Since we dont have a fixed navbar anymore, we can probably remove the style.

[obenland]

In case a patch is needed.

[gorgoglionemeister]

Replying to obenland:

Reproducible on ​http://twentythirteendemo.wordpress.com/ as described above.

The box-sizing change was to fix navbar border styles for viewports at 1600 pixels wide and above, and IIRC for when the navbar was fixed. Since we dont have a fixed navbar anymore, we can probably remove the style.

IIRC means if I recall correctly?

[obenland]

Replying to gorgoglionemeister:

IIRC means if I recall correctly?

Oops, yes :)

[lancewillett]

In 24513:

Twenty Thirteen: remove box-sizing styles from site wrapper element to avoid horizontal scrollbars in large viewports. Fixes #24599, props obenland.