Archived topic
Header Widget Vertical Alignment
9 replies · Started by johnzoro on June 18, 2020
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.
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 :)
It's there
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;
}
}That fixed it David!
But yeah weird, it shows in google chrome, but not firefox for some reason?
Looks fine to me on Firefox - browser caching ?
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
Try this as well:
.header-widget p {
margin-bottom: 0;
}Perfect! thanks Leo!
No problem :)
