Change / adjust logo in size?

Hi Glappi,

Thanks for using Tracks!

This CSS will allow the logo to display much larger:

.site-title .logo {
  max-width: 100% !important;
  max-height: 200px !important;
}

Please copy & paste that code into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

I also noticed the logo image itself has a lot of whitespace above and below it. You may want to do a tighter crop to reduce the amount of space that displays around the logo.

Thank you Ben for the quick answer.
Yes, the background of the logo is quite large but was so wanted by the creator.
Now the menu slips up but I do not like it at all.
I’m not quite fit in css so a little help would be nice!
Many Thanks!

greetings
Glappi

Here’s what I mean about the spacing around the image: https://pics.competethemes.com/0b66943f66e3. The blue square is all the space the image occupies.

The menu is staying in the same position, but since the image file itself has a lot of space above where the logo displays, there is space above the logo on the site. Since this is all transparent, I think it would be best to crop out all the transparent space. You could do this only for the version of the logo used in the header.

Okay, the logo size I’ve changed anyway, the menu is quite high.
Can one do there in the css nothing that the menu below the logo is displayed?

You can add this CSS to push the menu down to better align with the current position of the logo:

@media all and (min-width: 900px) {

  #title-info {
    margin-top: -48px !important;
  }
  #menu-primary {
    margin-top: 48px !important;
  }
}

Please copy & paste that code into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

Giant thanks!
Now I have it the way I want it.

greetings
Glappi

You’re welcome! Glad I could help.