This site is full-width and adapts to the size of the browser window. However, once the browser window is smaller than the content displayed, the title gets cut off once you scroll to the right.

The default width of 100% seems to be working for the width of the browser window only, not the width of the page! The same also seems to apply on the vertical axis.

Example

#title
{
  height: 50px;
  color: white;
  background-color: #404040;
}
#content
{
  width: 800px;
  background-color: #f0f0f0;
}

<div id="title">
    TITLE
</div>
<div id="content">
    CONTENT
</div>

Actual result

This is what it looks like when the page is scrolled to the left

(For the sake of simplicity and privacy, content irrelevant to the question is censored.)