Page title carriage return

emolho · Member · Apr 28, 2016 at 1:50 pm
Copy link

Add topic to favorites
How can I get enter a return in my page title?

https://molhoco.com

The title usually looks like this:
Molho & Co. Brand Consulting

or

Molho & Co. Brand
Consulting

But, it should ALWAYS look like this:

Molho & Co.
Brand Consulting
thesacredpath · Member · Apr 28, 2016 at 7:41 pm
Copy link
Hi there, first thing to do is to go to General Settings and in your site title, replace the space between Brand and Consulting with the following and save.
 
Then go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.site-title {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 799px) {
.site-title {
max-width: 300px;
}
}
```
thesacredpath · Member · Apr 28, 2016 at 7:43 pm
Copy link
Gaaah! I forgot the forum renders non-breaking spaces. replace the space between Brand and Consulting without the space between & and nbsp;
& nbsp;
emolho · Member · Apr 29, 2016 at 6:56 pm
Copy link
Hi. Thanks for the reply. Tested that and still not working.
emolho · Member · Apr 29, 2016 at 7:00 pm
Copy link
If you wouldn’t mind, could you be so kind and literal as to actully spell out exactly what I should do? Im a major newbie and this error needs to be fixed because it looks bad for me.

In other words, can you actually write out the title with the code in it and tell me exactly where to put it? I fear that maybe I did it wrong.

Thanks!
thesacredpath · Member · Apr 29, 2016 at 11:35 pm
Copy link
Hi there, I typically don’t do this preferring to help the user do it themselves, but I’ve added the non-breaking space between Brand and Consulting for you at Settings. Take a look at your site and test it out on your computer and also on your phone and tablet, if you have one and let me know if you see any issues. In my testing, everything works as it should.

No items found.