[Resolved] site-title in 2 lines

[Gerhard]

Hallo, my site-title is quite long. How can I put it in 2 lines?

[David]

Hi there,

you can try adding this CSS:

.navigation-branding .main-title a {
  max-width: 24ch;
  line-height: 1.2em;
}

the ch unit is Characters – so this will set its max width to 24ch, forcing a new line.

[Gerhard]

Hallo, David,

thanks for your answer but it won’t work!

Greetings from Cologne

Gerhard

[David]

Try this:

.site-header .main-title {
  max-width: 24ch;
  line-height: 1.2em;
}

[Gerhard]

Everything is fine now. Thanks a lot!

[David]

Glad to be of help.

[Author]

Posts