Very large header, need to reduce size!

we can’t help you because we can’t see the site without logging in. This is what I see: https://i.imgur.com/ecDV0Vp.png

Ok published it, check now please ??

• This reply was modified 7 years ago by motoprogr.

in your code under the <div class="site-branding">...</div> you have a div with some hardcoded CSS in it:

<div style="clear: both; text-align: center;">

change that to

<div style="clear: none; text-align: left; margin-top: 1em;">

and you’ll be fine. Result: https://i.imgur.com/zEdjD2K.png

Where can i found this?
I’m sorry but i’m new to all of these and i don’t know much about coding and terminology.

Please remove your Under Construction page.

Ok did it.
The above solution seems to work, i just don’t know where is the “in your code under the <div class=”site-branding”>…</div>….”

To alter the code, you’ll need to find the page template, make a child theme, copy the page template to the child theme and edit the copy. If the original template is updated, you’ll need to repeat the process.

Custom css is a much less tricky method. To be able to advise it would be necessary to examine the page with browser tools.

Whoa! All these are sound like chinese (no offense) to me.
Where can i put the css code that twee.studio advised?

That’s the thing, twee.studio’s code was html, not css, so you would need to alter the template as described.

If I can see the page I may be able to devise some custom css, which is less tricky to implement. Custom css can be entered at:
Dashboard > Appearance > Customise > Additional CSS

Cool.I know how to use additinal CSS in customise, already added 2 fuctions there.

Found any custom css mate?

• This reply was modified 7 years ago by motoprogr.

Didn’t know you’d unlocked the site. Try:

@media (min-width:768px) {
  .site-header {
    padding-top: 16px !important;
  }
  #masthead div.col-full div:nth-child(4) {
    position: absolute;
    top: 20px;	
    left: 50%;
    margin-left: -180px;
  }
}

The best place is at:
Dashboard > Appearance > Customise > Additional CSS

Excellent friend, that worked like a dream.Million thanks ??
One more favor if you want, how can i decrease the size of footer too? There’s only 1 line written and the footer is huge!

footer .footer-widgets {
  display: none;
}
.site-footer {
  padding-bottom: 1.5em !important;
}

Don’t forget if you ever add a footer widget you’ll need to remove the first style.

yes i must set a reminder.
Thank you very much mate!!!