Vertically centered logo in the header - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 27, 2025 at 11:57 am #1490621

mistermagoo8691
Participant

Hi. I am struggling having my logo vertically centered on the header.

My logo size is 170×32.

The logo is vertically centered on mobile size only, when screen size is <=767 pixels.
From 768 to 989, I still have burger menu, but the logo is aligned to top.
On 990 and above, burger menu disappears, and the logo is still aligned to top.
Tested with Chrome and Firefox.

In the past I’ve tried playing with the top-padding value, but it was not working always well. I’d like to have a clean solution if possible…
Adding info to access the website in Private area.
Thanks in advance!

October 28, 2025 at 5:47 am #1490640
Ismael
Moderator
Hey Angelo,

Thank you for the inquiry.

Please add this css code to adjust the alignment of the logo on all screen sizes.
```
.logo, .logo a {
    display: flex;
    align-items: center;
}

.logo img.alternate, .logo .subtext.avia-svg-logo-sub svg {
    position: relative;
}

.logo .subtext.avia-standard-logo-sub {
    display: flex;
    align-items: center;
    height: 100%;
    width: 170px;
    position: absolute;
}
```
Best regards,
Ismael
October 29, 2025 at 10:30 am #1490688

mistermagoo8691
Participant

Thanks Ismael, it works perfectly. I dare to suggest that you should add a specific option in the configuration, I think it is quite normal to have the Logo vertically centered.
Bye!
A.-

October 30, 2025 at 6:24 am #1490726

Ismael
Moderator

Hi,

Thank you for the update.

The logo should be vertically centered by default, but there might be a custom modification in your installation that alters this layout. Please let us know if you have any further questions.

Best regards,
Ismael
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.