That is because it cannot wrap such a long word. Do you really have one?

On 2 December 2016 at 13:28, qrem notifications@github.com wrote:

Steps to reproduce the issue

Enter the name of your website.
Site Settings > Site Name * > Joomla!Joomla!Joomla!Joomla!
Expected result

in smaller screen you expect to see all site name, and site name to be
responsive
Actual result

you get not responsive site name, only part of it visible, you need to
scrool to the side to see whole site name
System information (as much as possible)

Database Version 5.5.39-36.0-log
Database Collation utf8_general_ci
Database Connection Collation utf8mb4_general_ci
PHP Version 5.0.13
Web Server Apache
WebServer to PHP Interface cgi-fcgi
Joomla! Version Joomla! 3.6.4 Stable [ Noether ] 21-October-2016 16:33 GMT
Joomla! Platform Version Joomla Platform 13.1.0 Stable [ Curiosity ]
24-Apr-2013 00:00 GMT
Additional comments

I hope its very simple to make site name responsive

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#13056, or mute the thread
https://github.com/notifications/unsubscribe-auth/ABPH8YQl9PIBRls4LzAr8wSWikzXUKuwks5rEA7cgaJpZM4LCgLu
.

--
Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
https://brian.teeman.net/ http://brian.teeman.net/

yes it is 20 characters

Isn't that something which can be achieved using the user.css? I don't think we need to support each edge case by default.

I'm afraid that doesn't work as you are thinking here. Could you provide actual code that we can test it using your suggested user.css in Protostar template ?

Create a file /templates/protostar/css/user.css and put for example the following rule into it:

.site-title {
	font-size: 4vw;
}

That would make the font-size adjusting to the viewport of the browser.
You can also use media queries to adjust the fontsize or use a rule like word-wrap: break-word; which would wrap the title onto two lines if space isn't enough.
The best solution depends on your use case and preferences.

.site-title {
  font-size: 4vw;
}

yes , it is better,

• but it has some undesired effects

it scales down too much on small viewports
it scales up too much in large viewports

i will make a PR as i had promised here: #11053 (comment)
(same issue was opened before)

I didn't say it is perfect. I said it is possible to do using user.css.
I also don't think that needs to be in core. It's only needed if you have a very long site title. Regular titles wrap perfectly fine onto multiple lines and I wouldn't want my title to scale down.

and I wouldn't want my title to scale down.

Right that is why setting a minimum font-size is good to have regardless of viewport

Also font-size: 4vw;, was my first thought too,
which as you agreed, scales down too much,
and thus no longer looks as a title

I have made a PR here: Responsive site title for protostar #13064

Closed as we have a PR for testing see #13064