[Resolved] Is there a setting to vertically align center the header image with the nav?

[Clifford]

I want the image and nav vertically centered: https://share.getcloudapp.com/OAuqW4Wz
How-to please?

[Tom]

Hi there,

This will be standard in GP 3.0.

For now, try this:

@media (min-width: 769px) {
    .inside-header {
        display: flex;
        align-items: center;
    }
}

Let us know 🙂

[Clifford]

Unfortunately not what I was looking for, but appreciate the effort.

Oddly, it shifted everything left, not down: https://share.getcloudapp.com/Jru64emE

[David]

Hi there,

can you provide a link to the site so we can take a look.
Edit your original topic and use the Site URL field to share the link privately.

[Clifford]

no, it’s localhost only, sorry

[David]

Its real hard for us to say without being able to see how the header is constructed.
Are you able to push it to a live site or open a pipe for us to view it ?

[Clifford]

Different site, same question: https://share.getcloudapp.com/7Ku8o5Yo

[Clifford]

FYI I started with the Mason template: https://generatepress.com/site-library/

[Leo]

If you go to Customizer > General and change the Structure from Float to Flexbox then the issue should be fixed.

Let me know 🙂

[Clifford]

Boom! You’re right. I thought I did this already – must have been on a different site – and I couldn’t find the setting again 😀

[Leo]

No problem 🙂

[Author]

Posts