FlarumNOOB
Yes, I can confirm the issue with logo: it has some empty space below it, even though the actual PNG file doesn’t contain any padding.
This happens because the <img> tag is an inline element by default, and inline elements are aligned to the text baseline. Browsers reserve extra space below the baseline for descenders (like “g”, “j”, “y”), which creates the visual gap under the image. To fix this, the image needs to be taken out of baseline alignment. The simplest solution is to make it a block element:
.Header-logo {
display: block;
}
This removes the baseline gap entirely and makes the logo align correctly
