Site logo

[Resolved] Navigation doesn’t stretch along the width of the container.

Home Forums Support [Resolved] Navigation doesn’t stretch along the width of the container.

Home Forums Support Navigation doesn’t stretch along the width of the container.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2494777
    qpaq

    Hi,

    I’d like to make navigation menu items to be stretched within the container with spaces in between. The current settings can only justify them to the right or left of the navigation area or justify them to the centre. I couldn’t find a way to correct this with custom CSS.

    My current settings:
    Customizing â–¸ Layout > Primary Navigation >
    Navigation Width: Full
    Inner Navigation Width: Full
    Navigation Alignment: Center
    Navigation Location: Below Header

    website link is below:

    #2494789
    Ying
    Staff
    Customer Support

    Hi there,

    Your site is under maintenance mode, can you disable that for now so we can see your site?

    #2494791
    qpaq

    Sorry, forgot that one. Now turned it off.

    #2494793
    Ying
    Staff
    Customer Support

    Try this CSS:

    @media(min-width:769px){
    div#primary-menu {
        flex-grow: 4;
    }
    
    div#primary-menu > ul {
        display: flex;
        justify-content: space-between;
    }
    
    .menu-bar-items {
        flex-grow: 1;
        justify-content: flex-end;
    }
    }
    #2494825
    qpaq

    Works very well, thank you, Ying!

    #2495609
    Ying
    Staff
    Customer Support

    No Problem, glad to help 🙂

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