Tip for beginners:
- You have to use/create a custom header - not predefined. Exactly as it was it previous version of Helix.
Predefined header you can disable in "Basic" - "Header" - "Predefined Header" : Off. Then you have full control over grid settings for all views (mobile/tablet/desktop).
But remember that it's still Alpha version (!)
So maybe instead of point 0) - right now more advanced custom CSS is needed. For example:
@media (max-width: 580px) {
#sp-logo {
margin: 0 auto;
width: 80%;
text-align: center;}
}