Site logo text on main page springs to next line for width < 340px

[Vogeltak]

This can be fixed by setting styles for #logo-container like this:

/* fixes the real problem */
position: relative;

/* keeps the logo centered */
transform: translateX(-75%);

I would fix this myself (already have it done) but I do not know where to properly implement this fix. I just created a new css file and linked it from the default_light layout. As this is not a very elegant solution, I though I would ask for your help here.

[hakarune]

The problem is justs text size. you don't need to go adding relative and transforms. those can mess up the code. we just need to add @media only screen and (max-width : 340px) { font-size: 1.6rem; } to material.min.css (will do it real quick). It will cure the issue until ~280px screen, but no one should be on something small.

Just realized the problem, the site doesn't seem to host this file itself. The file is located under bower_components which I cannot find, so I'll make the changes to the main css file

[Vogeltak]

but no one should be on something small.

Cool, that's what I thought. For the sake of only keeping relevant issues in place, I will close this.