[Resolved] Nav in header, plus widget

[Damon]

Hi, I put a logo and primary nav (floating right) in the header, and it looks great. But now I want to add a widget to the row as well: logo far left, then primary nav, and then widget to the far right. But can’t figure out how to get all three in one straight line. Can you help? Thank you!

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

try this:

@media (min-width: 768px) {
    .inside-header {
        display: flex;
        align-items: center;
    }
    .site-logo {
        margin-right: auto;
    }
    .header-widget {
        order: 3;
        top: 5px !important;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Damon]

This worked great. Thank you!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts