How to allow for a longer site name to be displayed fully in the header

How To
1

Dear web team,

I have a site with a long site name that I would like to display next to the site logo, see https://test-be-dep-asr.web.cern.ch, but the name is cut. What do I have to modify to allow the full name to display?

Kind regards,
Katarina

2

Dear Katarina,

You need to add the following CSS to the override theme:

.site-info__text__name {
overflow: visible;
}

but if the title is too long and overlaps with your menu in other devices with smaller screen size you might want to add the following CSS instead of the first example:

.site-info__text__name {
white-space: wrap;
}