Header Layout Default Main Nav Alignment

Hi there,

Menu is aligned next to the logo, and in place of buttons I’ll be using navigation search icon which I’d like to float to the right.

I'm not sure I understand what you mean. I've checked the link and I don't see the menu being aligned to the logo on the demo site as shown here. https://share.getcloudapp.com/jkueDABr

Perhaps I'm not seeing the right demo? Let us know.

If you scroll down the page to the demo pages below, you should see examples of the menu alignment. I can't link to one because the URL remains the same throughout all demo pages.

Hi Paul,

I can't locate where the menu either, could you try to upload a screenshot so we can have a better understanding. Thanks!
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

https://postimg.cc/bGSFqJ06

Ah I see, try to follow the steps:

1) Go to Customizing > Layout > Primary Navigation, set Navigation Location to Float right, set Navigation Search to Enable.

2) Add this CSS:

.inside-header #site-navigation {
    margin-left: unset;
}
nav#site-navigation, .main-navigation .inside-navigation {
    flex: 1;

.menu-bar-items {
    margin-left: auto;
    flex: 0;
}

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

Let me know :)

Yeah looks good, thanks for your help :)

Paul.

No problem Paul :)

Resolved.