[Resolved] Header Layout Default Main Nav Alignment

Home Forums Support [Resolved] Header Layout Default Main Nav Alignment

Home Forums Support Header Layout Default Main Nav Alignment

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1653656
    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.

    #1653879
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1654879
    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.

    #1655000
    Ying
    Staff
    Customer Support

    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

    #1655137
    Paul
    #1655162
    Ying
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #1655987
    Paul

    Yeah looks good, thanks for your help ๐Ÿ™‚

    Paul.

    #1656316
    Ying
    Staff
    Customer Support

    No problem Paul ๐Ÿ™‚

    #1874678
    Paul

    Resolved.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.