[Resolved] Left Aligned LOGO ; The MAIN MENU is centered, BURGER MENU is right aligned.

[heryekoardhianto]

How to make a menu with Generatepress pro template with details:

Left Aligned LOGO ;
The MAIN MENU is centered,
BURGER MENU is right aligned.

And of course the menu also gets a STICKY MENU

Picture here

because I see in the site library I can’t find an example menu like this.

Thank you for the help.

[David]

Hi there,

do you have a site with the logo, nav and hamburger in place ? If so can you share a link to where i can see it ?

[heryekoardhianto]

i want to make menu like this : http://www.feedmusic.com/ (this is not my website), i work on local server right now.

may be you have css custom code to make like this.

[David]

OK so these are the steps:

1. Add the logo in Customizer > Site Identity.
2. Enable the in Customizer > Layout > Off Canvas Panel
3. Set the in Customizer > Layout > Primary Navigation -> Location to Float Right.
4. Add this CSS:

@media(min-width: 769px) {
    #site-navigation {
        flex: 1;
    }
    #primary-menu {
        margin: auto;
    }
}

[heryekoardhianto]

Thank you its work

[David]

Glad to hear that

[Author]

Posts