[Resolved] Header Layout Default Main Nav Alignment

[Paul]

Hi,

How can I align the main nav as in this demo:

https://themes.getbootstrap.com/preview/?theme_id=35393

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.

Thanks,
Paul.

[Elvin]

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.

[Paul]

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.

[Ying]

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

[Paul]

https://postimg.cc/bGSFqJ06

[Ying]

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 🙂

[Paul]

Yeah looks good, thanks for your help 🙂

Paul.

[Ying]

No problem Paul 🙂

[Paul]

Resolved.

[Author]

Posts