[Resolved] Centre Navigation and Logo Like GP Site

Home Forums Support [Resolved] Centre Navigation and Logo Like GP Site

Home Forums Support Centre Navigation and Logo Like GP Site

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1644024
    Joel

    Hello,

    I would like my logo and navigation to behave like the GP site where at a certain browser size the navigation centres below a centred logo. I thought this would be set with Navigation Drop Down but it doesn’t seem to work for me. I’m using Flexbox structure and navigation as header.

    Thanks

    #1644097
    David
    Staff
    Customer Support

    Hi there,

    you would need to disable the Navigation as Header option for the Navigation Drop Down to work.
    Or with the nav as header you can try this CSS:

    @media(max-width: 1024px) and (min-width: 769px) {
      .navigation-branding {
        flex: 1 0 100%;
      }
      #primary-menu {
        margin-right: auto; /* optional - push nav left */
      }
    }

    Adjust the max-width: 1024px for where you want it to kick in.

    #1644365
    Joel

    Thanks David. Is there any way of getting everything centred too (including the search icon)?

    Thanks

    #1644555
    Ying
    Staff
    Customer Support

    Hi Joel,

    You could use this CSS:

    .menu-bar-items {
        margin-right: auto;
    }

    Instead of:

    #primary-menu {
        margin-right: auto; /* optional - push nav left */
      }

    Let me know ๐Ÿ™‚

    #1644619
    Joel

    Thanks Ying, it’s ok I’ve gone with David’s original suggestion of disabling navigation as header.

    Thanks

    #1644634
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

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