Vertical alignment of floating menu

Hi there,

Is this a live site with traffic?

If not then you could consider using GeneratePress 3.0 which is currently in beta.

If you switch over to Flexbox then the menu should be vertically aligned by default:
https://generatepress.com/generatepress-3-0-a-new-era/

If not we can come up with other solutions as well.

Let me know :)

It's going live october 1st

That case I'd recommend going with the 3.0 beta for now.

Let me know what your thought is.

I'll try it. I'll deactivate current GP-version, then install the beta?

Yeah follow the steps here:
https://docs.generatepress.com/article/beta-testing/#generatepress-theme

As it turns out, the site use a childtheme to hold some custom code, so I can't use a different theme to solve this. Any quick fix will do :)

Try this:

@media (min-width: 769px) {
    .inside-header {
        display: flex;
        align-items: center;
    }
    .nav-float-right .inside-header .main-navigation {
       float: none !important;
       margin-left: auto;
    } 
}

yes, that did it, thanks!

No problem :)

Hi. A problem occured when adding this code, it "messed up" the header element for posts.
https://generatepress.com/forums/topic/element-css-problem/#post-1467127

Solved.

Glad to hear :)