Categories
CSS Mason Twenty Twenty Theme Tips and Tricks

Enable Full-Width Site Title

This post is deprecated. As of version 1.1.2 this customization is the default theme behavior.

By default, the site title in the Mason TwentyTwenty theme will expand to take up a maximum of half of the viewport width, after which point the site title text will wrap to a new line.

You can override this with an additional style rule in the Additional CSS section of the theme customizer. The following CSS rule will allow the site title area to expand to take up the full viewport width:

/* Enable full width site title */
.header-titles-wrapper {
	max-width:100%
}

While the default behavior usually works fine, this modification may be useful for sites with long titles.