[Support request] Header Widget Vertical Alignment

[johnzoro]

I know this has probably been asked before and I did read through a few topics, but on my website the logo is vertically ok but i have put a 468 x 60 banner next to it and i want that to be in the middle vertically so it doesn’t look like it does where it’s just at the top.

[Leo]

Hi there,

I’m not seeing a header widget added.

Can you add it in so I can see the issue and provide the best solution?

Let me know 🙂

[johnzoro]

It’s there

[David]

Hi there,

try this CSS:

@media(min-width: 769px) {
    .inside-header {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .site-logo {
        margin-right: auto;
    }
}

[johnzoro]

That fixed it David!

But yeah weird, it shows in google chrome, but not firefox for some reason?

[David]

Looks fine to me on Firefox – browser caching ?

[jonathan]

Hi, I’ve used this code but my button is still not centered completely vertically. I was wondering if you had any thoughts.

https://milltownweb.com/newbrookfarm/

Thanks!

Jon

[Leo]

Try this as well:

.header-widget p {
    margin-bottom: 0;
}

[jonathan]

Perfect! thanks Leo!

[Leo]

No problem 🙂

[Author]

Posts