[Resolved] How to shift primary navigation and logo to left of the bar.

[Divyanshu]

I want to shift menu and logo to the left and the search magnify to the right. like this

[David]

Hi there,

can you link us to your site so i can provide some assitance. You can edit your original topic and use the Site URL field for privacy.

[Divyanshu]

check now. Sent you site.
And actually what happens is that whenever I shift my primary navigation to right my logo move to the left automatically. I want to make a menu like nerdwallet.com

[Leo]

Can you try using this method:
https://docs.generatepress.com/article/navigation-as-a-header/

Then select navigation alignment to left?
https://docs.generatepress.com/article/navigation-layout/#navigation-alignment

That should get you really close.

Note that we’ve made the navigation as a header an option in the next version of GP Premium which is already in release candidate 1 so quite stable:
https://generatepress.com/gp-premium-1-8/

[Divyanshu]

still not able to do it.

[David]

With your menu set up that way then you could try this CSS:

@media (min-width: 768px) {
    .inside-header {
        display: flex;
        align-items: center;
    }
    .main-navigation {
        flex: 1;
        margin-right: 0;
        margin-left: 1em;
    } 
}

[Divyanshu]

thanks David. Resolved.

[David]

Glad we could be of help

[Author]

Posts