When page titles run over more than a single line, the lines of text overlap. This is because through the font size for h1.page-title is 2.5em, the line height is only 0.52em.

A fix is to set a line leight of 1em or more for h1.page-title and adjust its margin-top accordingly, so the title doesn't move up or down with respect to the other page elements.

The first screenshot is with the default:

h1.page-title {
  margin-bottom: 1.38462em;
}

The second screenshot is with:

h1.page-title {
  margin-bottom: 1.38462em;
  line-height: 1.1em;
  margin-top: 0;
}

Comments

pameeela’s picture

Status: Active » Closed (outdated)