Align Site Description Under site Name ?

Link to your website, PLS?

OK,
-supose you’re using child theme and know a bit of CSS
-I’m also using local XAMPP Win install for test purposes, but U have a lot of free hosts where you can upload it , and show it when asking for advices.
1- “Nevermind” – Alx demo
– “.site-title” is “box” 165×60 px (no padding etc) -that’s basic if you write text in it ( no logo etc.) -leave it as is
-“Description” box- basically box 60px heght -BUT –
-padding-top and padding-botoom are 10px both – that’s why it looks “not aligned”
If you leave “site title” as is, you can play with following CSS (child theme – don’t forget!)
-adding for example:

.site-description {padding-top:20px;)

-description “goes down” 10 px (in my case, it’s enough to align with Description) – since you send only .jpg screenshot – I don’t know how many px you need, find out by testing locally.
2-“how to change font color and font size of Home Page Title?”

.site-title a{color: #E80D0D!important;}

-this changes to something like red – choose hex color that suits you.
That’s all – you asked for it. If you don’t need additonal help, PLS mark [resolved], if not – continue.
BTW, my Hueman theme based website orangefreesounds.com is “overhacked” too (not propaganda) – but that’s the joy of using Alx’s great “opensource” Hueman theme – you can do whatever you like… + great support from him and folks like me – I have a need to “repay” him for giving theme that is better than most premium ones for free.
Hope this helps.
Mike

-Forgot – font size of Title

.site-title {font-size:66px;}

toooo big (defaults 36px, when you change it, also must align again description again…and so on
Good luck.

I inspected it with Firebug (Firefox plugin, you can do the same)
-Site Description and Site Title are both part of same object “<div class=”group pad”>
-so, natural behavior: they are placed one after another (tile ->description).
With this CSS “hack” you can make title full width on high resolution and force description to move under:

.site-title{width:1320px;}

but you loose description on lower resolutions.
Yes, you can do same for all resolutions in child theme:
@media only screen and (min-width: 720px) and (max-width: 800px) {
….code…
}
/* Mobile – 480px & 320px */
@media only screen and (max-width: 719px) {
….code…
}
/* Mobile – 320px */
@media only screen and (max-width: 479px) {
….code…
}
placing appropriate width in px and it will work.

But – I don’t recommend it – that’s what I call “theme overhackng” – it is not natural for theme, and you will never be sure where it will break next.

So, decide yourself, but don’t ask why something else does not work eventually after this “hack”.
Regards,
Mike

Well, don’t get me wrong,I use sometimes term “hacking” for fun (that’s why I usually put it in quotes). CSS modifications like changing font color above and similar – are not hacks, of course.
But forcing description to go under title in Hueman theme as I described above is rather “theme overload”, or forcing it to behave unnaturally.
As proposal: why you don’t make a logo (instead of written text) where you can include both (title and description) and upload it through Theme Options->Header->Custom logo?

No, I don’t know for some more “natural” way to do it (I’ve seen 50- 100 websites made in Hueman with modifications, but non has textual title and description aligned as you planned).
Maybe somebody else has solution?
regards,
Mike